@media  screen and ( min-width:1680px){
/*header*/
.header{

}
.header-change .header{

}
.hdK{
    width: 95%;
    max-width: 1824px;
    padding: 20px 0;
}
.logo{

}
.logoEN{
    width: 190px;
    margin-right: 70px;
}
.logoCH{
    width: 143px;
}
.nav{
    width: 66%;
}
.nav-li{
    margin: 0 40px;
}
.navA{
    font-size: 20px;
    padding: 14px 0;
}
.navA:before{
    height: 4px;
    border-radius: 30px;
}
.nav-li.active .navA:before,.navA:hover:before{
    width: 100%;
}
.NavENk{
  
}
.langA{
    font-size: 16px;
}
.NavENk i{
    height: 10px;
    border-left: 1px solid #535353;
    margin: 0 10px;
}
.langA:hover{
    color: #005376;
}

.navA i {
    margin-left: 6px;
    border-top: 7px solid #004866;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
}
.sub-nav{
    left: 50%;
    margin-left: -70px;
    top: 100%;
    width: 140px;
    padding-top: 28px;
}
.sub-nav dl{
    
}
.sub-nav dl dd{
    padding:0 16px;
}
.sub-nav dl dd a{
    font-size: 16px;
    padding:13px 0;
    border-bottom: 1px solid #dcdcdc;
}

/*footer*/
.footer{

}
.links{
    /*padding:36px 0;*/
    padding:7px 0;
}
.linkTit{
    font-size: 18px;
    margin-right: 28px;
}
.linksItem{
    margin: 0 13px;
}
.linksItemA{
    width: 30px;
}
.linksItemA:hover{
    transform: scale(1.2);
}
.linksItemA span{
    font-size: 24px;
}
.ftCon{
    padding: 40px 0;
}
.ft-logo{
    max-width:434px;
    margin-top: 90px;
}
.ft-logo p{
    font-size: 12px;
    margin-top: 10px;
}
.ftLogoEN{
    margin-right: 44px;
}
.ft-logo .ftLogoEN img{
    width: 216px;
}
.ftLogoCH{
    width: 164px;
}
.ftInfo{
    width: 60%;
}
.ftNav{

}
.ftNavA{
    font-size: 16px;
}
.ftNavA:hover{
    color: #005672;
}
.ftNav dd i{
    border-left:1px solid #222;
    height: 14px;
    margin: 0 18px;
}
.ftNav dd:last-child i{
  
}
.ftCantact{
    margin-top: 50px;
}
.ftCantactT{
    font-size: 20px;
}
.ftCantactItemW{
    margin-top: 15px;
}
.ftCantactItemEwmW{
    margin-left: 20px;
}
.ftCantactItemEwm{
    width: 75px;
    margin-right: 10px;
}
.ftCantactItemEwm p{
    font-size: 12px;
}
.ftCantactItem{
    font-size: 14px;
    margin-top: -5px;
}
.ftCantactItem h4{
     padding:4px;
     width:100%;
}
.ftCantactItemDiv{
    padding: 3px 0;
    width: 40%;
}
.ftCantactItemDiv:last-child{
    width: 60%;
}
.ftCantactItemDiv p:first-child{
    margin-right: 10px;
}
.ftCantactItemDiv span{
    font-size: 20px;
    margin-right: 5px;
}
.ftCopy{
    margin-top: 20px;
    font-size: 14px;
}
/*go-top*/
.go-top {
    font-size: 14px;
    width: 35px;
    height: 35px;
    line-height: 33px;
    right: 3%;
    font-size: 16px;
    width: 45px;
    height: 45px;
    line-height: 43px;
}
.go-top.active {
    top: 95%;
}
.go-top img{
    width: 32px;
}
.go-top:hover {
    background-color: #222;
}

/*********
首页
*********/
/*banner*/
.banner{
    width: 95%;
    max-width: 1824px;
    height: 819px;
}

.banner .swiper-slide .img-nei {
   
}
.banner .conta {

}
.banner .conta-nei {
    width: 80%;
    padding-bottom: 40px;
}
.banner .conta-nei h2{
    font-size: 60px;
}
.go-a-wrap{
    margin-top: 40px;
    padding-right: 7px;
    padding-bottom: 14px;
    border-bottom: 2px solid #7d7d7d;
}
.go-a-wrap:before{
    bottom: -2px;
    width: 45%;
    border-top: 2px solid #fff;
}
.go-a{
    font-size: 18px;
}
.go-a img{
    margin-left: 18px;
}

.banner .swiper-slide-active .conta-nei h2{
   
}
.banner .swiper-slide-active .conta-nei .go-a-wrap{
   
}
.banner .pagination{
    width: 1300px;
    bottom: 30px;
}
.banner .pagination .swiper-pagination-bullet{
    width: 16px;
    height: 16px;
    border:1px solid #fff;
    margin: 0 8px;
}
.banner .pagination .swiper-pagination-bullet-active{
    
}

/*投资青岛的十大优势*/
.IndTenSection{
    padding:70px 0 130px;
}
.tit{
   
}
.titH2{
    font-size: 40px;
}
.titP{
    font-size: 20px;
    margin-top: 5px;
}
.IndTenC{
    margin-top: 70px;
}
.IndTenItem{
    width: 308px;
    height: 308px;
    padding: 68px 2% 0;
    margin:11px 0;
}
.IndTenItemA{
    width: 352px;
    height: 352px;
    top: -22px;
    left: -22px;
}
.IndTenItemA span{
    bottom: 10px;
    right: 36px;
    font-size: 40px;
}
.IndTenItem:hover .IndTenItemA{
    opacity: 1;
    visibility: visible;
    transform: none;
}
.IndTenItem:hover i,.IndTenItem:hover p{
    color: #fff;
}
.IndTenItem i{
    font-size: 70px;
}
.IndTenItem p{
    font-size: 26px;
    margin-top: 30px;
}
.IndTenItemVideo{
    width: 642px;
}
.video-btn{
    width: 61px;
}
/*优势产业*/
.IndustrySection{
   padding: 50px 0 80px; 
}
.IndustryC{
    margin-top: 40px;
}
.IndustryPic{
    width: 52%;
    height: 563px;
}
.IndustryPic img{

}
.IndustryText{

}
.IndustryTextItem{
    height: 187.66px;
    padding:50px 9% 0;
}
.IndustryTextItem1{
   
}
.IndustryTextItem2{
   
}
.IndustryTextItem3{
   
}
.IndustryTextItem .circle{
    margin-top: 9px;
    width: 20px;
    height: 20px;
    border: 1px solid #fff;
}
.IndustryTextItem .circle:before{
    width: 10px;
    height: 10px;
    border: 1px solid #fff;
}
.IndustryTextItem .text{
    margin-left: 20px;
}
.IndustryTextItem .text h3{
    font-size: 24px;
}
.IndustryTextItem .text p{
    margin-top: 10px;
    font-size: 12px;
}
.IndustryTextItem3 .text h3,.IndustryTextItem3 .text p{

}
.IndustryTextItem3 .circle,.IndustryTextItem3 .circle:before{
    border: 1px solid #005376;
}

/*企业说*/
.EnterpriseTheorySection{
    padding: 86px 0;
}
.EnterpriseTheorySection .ward{
 
}
.EnterpriseTheoryC{
    margin-top: 80px;
}
.EnterpriseTheoryText{
    padding: 30px 8% 40px;
    overflow: hidden;
    height: 516px;
}
.EnterpriseTheoryBtnW {
    margin: 20px 8%;
}
.EnterpriseTheoryBtn {
    font-size: 16px;
}
.EnterpriseTheoryBtn span {
    cursor: pointer;
}
.EnterpriseTheoryBtn i {
    font-size: 20px;
    margin-left: 5px;
}
img.dh{
    width: 34px;
}
.EnterpriseTheoryText p{
    margin-top: 10px;
    font-size: 16px;
}
.outher-logo{
    margin-top: 30px;
}
.outher-logo img{
    width: 123px;
}
.outher-logo h3{
    font-size: 16px;
    margin-left: 26px;
}
.EnterpriseTheoryPrev, .EnterpriseTheoryNext{
    width: 46px;
    height: 46px;
    border: 1px solid #005672;
    top: 30px;
}
.EnterpriseTheoryPrev:after, .EnterpriseTheoryNext:after{
    font-size: 20px;
}
.EnterpriseTheoryNext{

}
.EnterpriseTheoryPrev{
    right: 70px;
}
.EnterpriseTheoryPrev:hover, .EnterpriseTheoryNext:hover{
    background-color: #005672;
    border:none;
}
.EnterpriseTheoryPrev:hover:after, .EnterpriseTheoryNext:hover:after{
    color: #fff;
}

/*联系我们*/
.IndCantactSection{
    padding: 70px 0 180px;
}
.IndCantactC{
    margin-top: 70px;
}
.IndCantactNext, .IndCantactPrev{
    width: 40px;
    height: 70px;
}
.IndCantactNext{
    right: -45px;
}
.IndCantactPrev{
    left: -45px;
}
.IndCantactNext:after, .IndCantactPrev:after{
    font-size: 30px;
}
.IndCantactNext:hover, .IndCantactPrev:hover{
    background-color: rgba(0,86,114,.08);
}
.IndCantactTop{
    padding: 44px 0;
}
.IndCantactTopTx{
    width: 100px;
    height: 100px;
}
.IndCantactBottom{
    padding: 0 6px;
}
.IndCantactBottomName{
    padding: 20px 12px 25px;
    border-bottom: 1px solid #e5e5e5;
}
.IndCantactBottomNameL{
    max-width: 85%;
}
.IndCantactBottomNameR{
    font-size: 18px;
}
.IndCantactBottomName h3{
    font-size: 26px;
}
.IndCantactBottomName p{
    font-size: 18px;
    padding: 2px 0;
}
.IndCantactBottomDesc{
    padding: 25px 12px;
}
.IndCantactBottomDesc .desc{
    min-height: 128px;
    margin-bottom: 30px;
}
.IndCantactBottomDesc p{
    font-size: 16px;
}
.IndCantactBottomDesc .tel, .IndCantactBottomDesc .email{
    font-size: 16px;
}
/*video*/
.overly{

}
.overly.show {

}
.video-container {
    max-width: 900px;
}
.video-container video {

}
.closed {
    width: 20px;
    height: 20px;
    top: -30px;
    right: -30px;
}
/*青岛动态*/
.IndNewsB{
   
}
.IndNewsZs{
    width: 45%;
    max-width: 862px;
}
.IndNewsB .ward{
    padding: 130px 0 110px;
}
.IndNewsTit{
    width: 760px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(255,255,255,.5);
}
.IndNewsAW{
    padding-top: 60px;
}
.IndNewsA{
    font-size: 18px;
    padding: 0 9px;
}
.IndNewsA:hover{
    opacity: .7;
}
.IndNewsB .tit{}
.IndNewsB .line {
    left: 760px;
}
.IndNewsB .con .con_left {
    width: 460px;
    margin: 60px 100px 0;
}
.IndNewsB .con .con_left img{
    width: 460px;
    height: 236px;
}
.IndNewsB .con .con_left .one {
    margin-top: 30px;
}
.IndNewsB .con .con_left .one .date {}
.IndNewsB .con .con_left .one .date span {
    font-size: 24px;
}
.IndNewsB .con .con_left .one .date p {
    font-size: 16px;
    margin-top: 6px;
}
.IndNewsB .con .con_left .one .ln {
    height: 47px;
    margin: 5px 10px 0;
}
.IndNewsB .con .con_left .one .news-text{
    width: 366px;
    padding-left: 13px;
}
.IndNewsB .con .con_left .one .tt {
    font-size: 20px; 
}
.IndNewsB .con .con_left .one .tt a {}
.IndNewsB .con .con_left .one .des {
    font-size: 16px;
    line-height: 250%; 
    margin-top: 10px;
}
.IndNewsB .con .con_left .one .des a {}
.IndNewsB .con .con_left .more {
    width: 158px;
    padding-top: 18px;
    margin-top: 20px;
}
.IndNewsB .con .con_left .more a {
    font-size: 16px;
}
.IndNewsB .con ul {
    width: 630px;
    margin-top: 30px;
}
.IndNewsB .con ul li {
    padding-top: 20px;
}
.IndNewsB .con ul li .date {}
.IndNewsB .con ul li .date span {
    font-size: 24px;
}
.IndNewsB .con ul li .date p {
    font-size: 16px;
    margin-top: 6px;
}
.IndNewsB .con ul li .xx {
    width: 540px;
    padding-left: 18px;
    padding-bottom: 30px;
}
.IndNewsB .con ul li .xx .tt {
    font-size: 20px;
}
.IndNewsB .con ul li .xx .des {
    font-size: 16px;
    margin-top: 10px;
    height: 48px;
}
.IndNewsB .con ul li .xx:hover {
    opacity: .7;
}
.IndNewsB .con .con_left .one .des a:hover,.IndNewsB .con .con_left .one .tt a:hover{
    text-decoration: underline;
}
.IndNewsB .con .con_left .more a:hover{
    opacity: .7;
}

}
@media screen and (max-width:1679px ) and ( min-width:1440px){
.ward{
    width: 1200px;
}
/*header*/
.header{

}
.header-change .header{

}
.hdK{
    width: 95%;
    max-width: 1824px;
    padding: 20px 0;
}
.logo{

}
.logoEN{
    width: 170px;
    margin-right: 50px;
}
.logoCH{
    width: 123px;
}
.nav{
    width: 66%;
}
.nav-li{
    margin: 0 30px;
}
.navA{
    font-size: 18px;
    padding: 14px 0;
}
.navA:before{
    height: 3px;
    border-radius: 30px;
}
.nav-li.active .navA:before,.navA:hover:before{
    width: 100%;
}
.NavENk{
  
}
.langA{
    font-size: 16px;
}
.NavENk i{
    height: 10px;
    border-left: 1px solid #535353;
    margin: 0 10px;
}
.langA:hover{
    color: #005376;
}
.navA i {
    margin-left: 5px;
    border-top: 7px solid #004866;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
}
.sub-nav{
    left: 50%;
    margin-left: -70px;
    top: 100%;
    width: 140px;
    padding-top: 25px;
}
.sub-nav dl{
    
}
.sub-nav dl dd{
    padding:0 16px;
}
.sub-nav dl dd a{
    font-size: 15px;
    padding:11px 0;
    border-bottom: 1px solid #dcdcdc;
}

/*footer*/
.footer{

}
.links{
    /*padding:36px 0;*/
    padding:7px 0;
}
.linkTit{
    font-size: 16px;
    margin-right: 28px;
}
.linksItem{
    margin: 0 13px;
}
.linksItemA{
    width: 30px;
}
.linksItemA span{
    font-size: 24px;
}
.linksItemA:hover{
    transform: scale(1.2);
}
.ftCon{
    padding: 40px 0;
}
.ft-logo{
    max-width: 40%;
    margin-top: 90px;
}
.ft-logo p{
    font-size: 12px;
    margin-top: 10px;
}
.ftLogoEN{
    margin-right: 44px;
}
.ft-logo .ftLogoEN img{
    width: 196px;
}
.ftLogoCH{
    width: 144px;
}
.ftInfo{
    width: 60%;
}
.ftNav{

}
.ftNavA{
    font-size: 15px;
}
.ftNavA:hover{
    color: #005672;
}
.ftNav dd i{
    border-left:1px solid #222;
    height: 14px;
    margin: 0 18px;
}
.ftNav dd:last-child i{
  
}
.ftCantact{
    margin-top: 40px;
}
.ftCantactT{
    font-size: 18px;
}
.ftCantactItemW{
    margin-top: 15px;
}
.ftCantactItemEwm{
    width: 75px;
    margin-left: 10px;
}
.ftCantactItem{
    font-size: 14px;
    margin-top: -5px;
}
.ftCantactItem h4{
     padding:4px;
     width:100%;
}
.ftCantactItemDiv{
    padding: 3px 0;
    width:40%;
}
.ftCantactItemDiv:last-child{
    width: 60%;
}
.ftCantactItemDiv p:first-child{
    margin-right: 10px;
}
.ftCantactItemDiv span{
    font-size: 20px;
    margin-right: 5px;
}
.ftCopy{
    margin-top: 20px;
    font-size: 14px;
}
/*go-top*/
.go-top {
    font-size: 14px;
    width: 35px;
    height: 35px;
    line-height: 33px;
    right: 3%;
    font-size: 16px;
    width: 45px;
    height: 45px;
    line-height: 43px;
}
.go-top.active {
    top: 95%;
}
.go-top img{
    width: 32px;
}
.go-top:hover {
    background-color: #222;
}

/*********
首页
*********/
/*banner*/
.banner{
    width: 95%;
    max-width: 1824px;
    height: calc(100vh - 104px);
}

.banner .swiper-slide .img-nei {
   
}
.banner .conta {

}
.banner .conta-nei {
    width: 80%;
    padding-bottom: 40px;
}
.banner .conta-nei h2{
    font-size: 50px;
}
.go-a-wrap{
    margin-top: 40px;
    padding-right: 7px;
    padding-bottom: 14px;
    border-bottom: 2px solid #7d7d7d;
}
.go-a-wrap:before{
    bottom: -2px;
    width: 45%;
    border-top: 2px solid #fff;
}
.go-a{
    font-size: 16px;
}
.go-a img{
    margin-left: 18px;
}

.banner .swiper-slide-active .conta-nei h2{
   
}
.banner .swiper-slide-active .conta-nei .go-a-wrap{
   
}
.banner .pagination{
    width: 1200px;
    bottom: 30px;
}
.banner .pagination .swiper-pagination-bullet{
    width: 16px;
    height: 16px;
    border:1px solid #fff;
    margin: 0 8px;
}
.banner .pagination .swiper-pagination-bullet-active{
    
}

/*投资青岛的十大优势*/
.IndTenSection{
    padding:70px 0 130px;
}
.tit{
   
}
.titH2{
    font-size: 36px;
}
.titP{
    font-size: 18px;
    margin-top: 5px;
}
.IndTenC{
    margin-top: 70px;
}
.IndTenItem{
    width: 283px;
    height: 283px;
    padding: 68px 2% 0;
    margin:11px 0;
}
.IndTenItemA{
    width: 327px;
    height: 327px;
    top: -22px;
    left: -22px;
}
.IndTenItemA span{
    bottom: 10px;
    right: 36px;
    font-size: 40px;
}
.IndTenItem:hover .IndTenItemA{
    opacity: 1;
    visibility: visible;
    transform: none;
}
.IndTenItem:hover i,.IndTenItem:hover p{
    color: #fff;
}
.IndTenItem i{
    font-size: 60px;
}
.IndTenItem p{
    font-size: 24px;
    margin-top: 30px;
}
.IndTenItemVideo{
    width: 587px;
}
.video-btn{
    width: 61px;
}
/*优势产业*/
.IndustrySection{
   padding: 50px 0 80px; 
}
.IndustryC{
    margin-top: 40px;
}
.IndustryPic{
    width: 52%;
    height: 520px;
}
.IndustryPic img{

}
.IndustryText{

}
.IndustryTextItem{
    height: 173.33px;
    padding:50px 9% 0;
}
.IndustryTextItem1{
   
}
.IndustryTextItem2{
   
}
.IndustryTextItem3{
   
}
.IndustryTextItem .circle{
    margin-top: 9px;
    width: 20px;
    height: 20px;
    border: 1px solid #fff;
}
.IndustryTextItem .circle:before{
    width: 10px;
    height: 10px;
    border: 1px solid #fff;
}
.IndustryTextItem .text{
    margin-left: 20px;
}
.IndustryTextItem .text h3{
    font-size: 22px;
}
.IndustryTextItem .text p{
    margin-top: 10px;
    font-size: 12px;
}
.IndustryTextItem3 .text h3,.IndustryTextItem3 .text p{

}
.IndustryTextItem3 .circle,.IndustryTextItem3 .circle:before{
    border: 1px solid #005376;
}

/*企业说*/
.EnterpriseTheorySection{
    padding: 86px 0;
}
.EnterpriseTheorySection .ward{
 
}
.EnterpriseTheoryC{
    margin-top: 80px;
}
.EnterpriseTheoryText{
    padding: 30px 8% 40px;
    height: 466px;
    overflow: hidden;
}
.EnterpriseTheoryBtnW {
    margin: 20px 8%;
}
.EnterpriseTheoryBtn {
    font-size: 16px;
}
.EnterpriseTheoryBtn span {
    cursor: pointer;
}
.EnterpriseTheoryBtn i {
    font-size: 20px;
    margin-left: 5px;
}
img.dh{
    width: 32px;
}
.EnterpriseTheoryText p{
    margin-top: 10px;
    font-size: 15px;
}
.outher-logo{
    margin-top: 30px;
}
.outher-logo img{
    width: 113px;
}
.outher-logo h3{
    font-size: 14px;
    margin-left: 26px;
}
.EnterpriseTheoryPrev, .EnterpriseTheoryNext{
    width: 46px;
    height: 46px;
    border: 1px solid #005672;
    top: 30px;
}
.EnterpriseTheoryPrev:after, .EnterpriseTheoryNext:after{
    font-size: 20px;
}
.EnterpriseTheoryNext{

}
.EnterpriseTheoryPrev{
    right: 70px;
}
.EnterpriseTheoryPrev:hover, .EnterpriseTheoryNext:hover{
    background-color: #005672;
    border:none;
}
.EnterpriseTheoryPrev:hover:after, .EnterpriseTheoryNext:hover:after{
    color: #fff;
}

/*联系我们*/
.IndCantactSection{
    padding: 70px 0 180px;
}
.IndCantactC{
    margin-top: 70px;
}
.IndCantactNext, .IndCantactPrev{
    width: 40px;
    height: 70px;
}
.IndCantactNext{
    right: -45px;
}
.IndCantactPrev{
    left: -45px;
}
.IndCantactNext:after, .IndCantactPrev:after{
    font-size: 30px;
}
.IndCantactNext:hover, .IndCantactPrev:hover{
    background-color: rgba(0,86,114,.08);
}
.IndCantactTop{
    padding: 44px 0;
}
.IndCantactTopTx{
    width: 100px;
    height: 100px;
}
.IndCantactBottom{
    padding: 0 6px;
}
.IndCantactBottomName{
    padding: 20px 12px 25px;
    border-bottom: 1px solid #e5e5e5;
}
.IndCantactBottomNameL{
    max-width: 85%;
}
.IndCantactBottomNameR{
    font-size: 16px;
}
.IndCantactBottomName h3{
    font-size: 24px;
}
.IndCantactBottomName p{
    font-size: 17px;
    padding: 2px 0;
}
.IndCantactBottomDesc{
    padding: 25px 12px;
}
.IndCantactBottomDesc .desc{
    min-height: 150px;
    margin-bottom: 30px;
}
.IndCantactBottomDesc p{
    font-size: 15px;
}
.IndCantactBottomDesc .tel, .IndCantactBottomDesc .email{
    font-size: 15px;
}
/*video*/
.overly{

}
.overly.show {

}
.video-container {
    max-width: 900px;
}
.video-container video {

}
.closed {
    width: 20px;
    height: 20px;
    top: -30px;
    right: -30px;
}
/*青岛动态*/
.IndNewsB{
   
}
.IndNewsZs{
    width: 45%;
    max-width: 862px;
}
.IndNewsB .ward{
    padding: 110px 0 90px;
}
.IndNewsTit{
    width: 710px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(255,255,255,.5);
}
.IndNewsAW{
    padding-top: 60px;
}
.IndNewsA{
    font-size: 18px;
    padding: 0 9px;
}
.IndNewsA:hover{
    opacity: .7;
}
.IndNewsB .tit{}
.IndNewsB .line {
    left: 710px;
}
.IndNewsB .con .con_left {
    width: 410px;
    margin: 60px 100px 0;
}
.IndNewsB .con .con_left img{
    width: 410px;
    height: 210px;
}
.IndNewsB .con .con_left .one {
    margin-top: 30px;
}
.IndNewsB .con .con_left .one .date {}
.IndNewsB .con .con_left .one .date span {
    font-size: 24px;
}
.IndNewsB .con .con_left .one .date p {
    font-size: 16px;
    margin-top: 6px;
}
.IndNewsB .con .con_left .one .ln {
    height: 47px;
    margin: 5px 10px 0;
}
.IndNewsB .con .con_left .one .news-text{
    width: 316px;
    padding-left: 13px;
}
.IndNewsB .con .con_left .one .tt {
    font-size: 18px;
}
.IndNewsB .con .con_left .one .tt a {}
.IndNewsB .con .con_left .one .des {
    font-size: 14px;
    line-height: 250%;
    margin-top: 10px;
}
.IndNewsB .con .con_left .one .des a {}
.IndNewsB .con .con_left .more {
    width: 158px;
    padding-top: 18px;
    margin-top: 20px;
}
.IndNewsB .con .con_left .more a {
    font-size: 14px;
}
.IndNewsB .con ul {
    width: 580px;
    margin-top: 30px;
}
.IndNewsB .con ul li {
    padding-top: 20px;
}
.IndNewsB .con ul li .date {}
.IndNewsB .con ul li .date span {
    font-size: 22px;
}
.IndNewsB .con ul li .date p {
    font-size: 14px;
    margin-top: 6px;
}
.IndNewsB .con ul li .xx {
    width: 490px;
    padding-left: 18px;
    padding-bottom: 26px;
}
.IndNewsB .con ul li .xx .tt {
    font-size: 18px;
}
.IndNewsB .con ul li .xx .des {
    font-size: 14px;
    margin-top: 10px;
    height: 48px;
}
.IndNewsB .con ul li .xx:hover {
    opacity: .7;
}
.IndNewsB .con .con_left .one .des a:hover,.IndNewsB .con .con_left .one .tt a:hover{
    text-decoration: underline;
}
.IndNewsB .con .con_left .more a:hover{
    opacity: .7;
}

}
@media screen and (max-width:1439px ) and ( min-width:1280px){
.ward{
    width: 1100px;
}
/*header*/
.header{

}
.header-change .header{

}
.hdK{
    width: 95%;
    max-width: 1824px;
    padding: 20px 0;
}
.logo{

}
.logoEN{
    width: 150px;
    margin-right: 50px;
}
.logoCH{
    width: 103px;
}
.nav{
    width: 66%;
}
.nav-li{
    margin: 0 25px;
}
.navA{
    font-size: 16px;
    padding: 12px 0;
}
.navA:before{
    height: 3px;
    border-radius: 30px;
}
.nav-li.active .navA:before,.navA:hover:before{
    width: 100%;
}
.NavENk{
  
}
.langA{
    font-size: 14px;
}
.NavENk i{
    height: 10px;
    border-left: 1px solid #535353;
    margin: 0 10px;
}
.langA:hover{
    color: #005376;
}
.navA i {
    margin-left: 5px;
    border-top: 7px solid #004866;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
}
.sub-nav{
    left: 50%;
    margin-left: -60px;
    top: 100%;
    width: 120px;
    padding-top: 22px;
}
.sub-nav dl{
    
}
.sub-nav dl dd{
    padding:0 14px;
}
.sub-nav dl dd a{
    font-size: 14px;
    padding:11px 0;
    border-bottom: 1px solid #dcdcdc;
}

/*footer*/
.footer{

}
.links{
    /*padding:32px 0;*/
    padding:7px 0;
}
.linkTit{
    font-size: 16px;
    margin-right: 28px;
}
.linksItem{
    margin: 0 11px;
}
.linksItemA{
    width: 30px;
}
.linksItemA span{
    font-size: 24px;
}
.linksItemA:hover{
    transform: scale(1.2);
}
.ftCon{
    padding: 40px 0;
}
.ft-logo{
    max-width: 40%;
    margin-top: 90px;
}
.ftLogoEN{
    margin-right: 44px;
}
.ft-logo .ftLogoEN img{
    width: 176px;
}
.ft-logo .ftLogoEN p{
    margin-top:10px;
}
.ftLogoCH{
    width: 124px;
}
.ftInfo{
    width: 60%;
}
.ftNav{

}
.ftNavA{
    font-size: 15px;
}
.ftNavA:hover{
    color: #005672;
}
.ftNav dd i{
    border-left:1px solid #222;
    height: 14px;
    margin: 0 18px;
}
.ftNav dd:last-child i{
  
}
.ftCantact{
    margin-top: 40px;
}
.ftCantactT{
    font-size: 18px;
}
.ftCantactItemW{
    margin-top: 15px;
}
.ftCantactItemEwm{
    width: 75px;
    margin-left: 10px;
}
.ftCantactItem{
    font-size: 13px;
    margin-top: -4px;
}
.ftCantactItem h4{
     padding:4px;
     width:100%;
}
.ftCantactItemDiv{
    padding: 3px 0;
    width:40%;
}
.ftCantactItemDiv:last-child{
    width: 60%;
}
.ftCantactItemDiv p:first-child{
    margin-right: 10px;
}
.ftCantactItemDiv span{
    font-size: 20px;
    margin-right: 5px;
}
.ftCopy{
    margin-top: 20px;
    font-size: 13px;
}
/*go-top*/
.go-top {
    font-size: 14px;
    width: 35px;
    height: 35px;
    line-height: 33px;
    right: 3%;
    font-size: 16px;
    width: 45px;
    height: 45px;
    line-height: 43px;
}
.go-top.active {
    top: 95%;
}
.go-top img{
    width: 32px;
}
.go-top:hover {
    background-color: #222;
}

/*********
首页
*********/
/*banner*/
.banner{
    width: 95%;
    max-width: 1824px;
    height: calc(100vh - 93px);
}

.banner .swiper-slide .img-nei {
   
}
.banner .conta {

}
.banner .conta-nei {
    width: 80%;
    padding-bottom: 40px;
}
.banner .conta-nei h2{
    font-size: 50px;
}
.go-a-wrap{
    margin-top: 40px;
    padding-right: 7px;
    padding-bottom: 14px;
    border-bottom: 2px solid #7d7d7d;
}
.go-a-wrap:before{
    bottom: -2px;
    width: 45%;
    border-top: 2px solid #fff;
}
.go-a{
    font-size: 16px;
}
.go-a img{
    margin-left: 18px;
}

.banner .swiper-slide-active .conta-nei h2{
   
}
.banner .swiper-slide-active .conta-nei .go-a-wrap{
   
}
.banner .pagination{
    width: 1300px;
    bottom: 30px;
}
.banner .pagination .swiper-pagination-bullet{
    width: 16px;
    height: 16px;
    border:1px solid #fff;
    margin: 0 8px;
}
.banner .pagination .swiper-pagination-bullet-active{
    
}

/*投资青岛的十大优势*/
.IndTenSection{
    padding:70px 0 130px;
}
.tit{
   
}
.titH2{
    font-size: 32px;
}
.titP{
    font-size: 18px;
    margin-top: 5px;
}
.IndTenC{
    margin-top: 70px;
}
.IndTenItem{
    width: 258px;
    height: 258px;
    padding: 48px 2% 0;
    margin:11px 0;
}
.IndTenItemA{
    width: 302px;
    height: 302px;
    top: -22px;
    left: -22px;
}
.IndTenItemA span{
    bottom: 10px;
    right: 36px;
    font-size: 40px;
}
.IndTenItem:hover .IndTenItemA{
    opacity: 1;
    visibility: visible;
    transform: none;
}
.IndTenItem:hover i,.IndTenItem:hover p{
    color: #fff;
}
.IndTenItem i{
    font-size: 50px;
}
.IndTenItem p{
    font-size: 22px;
    margin-top: 30px;
}
.IndTenItemVideo{
    width: 542px;
}
.video-btn{
    width: 61px;
}
/*优势产业*/
.IndustrySection{
   padding: 50px 0 80px; 
}
.IndustryC{
    margin-top: 40px;
}
.IndustryPic{
    width: 52%;
    height: 476px;
}
.IndustryPic img{

}
.IndustryText{

}
.IndustryTextItem{
    height: 158.66px;
    padding:30px 9% 0;
}
.IndustryTextItem1{
   
}
.IndustryTextItem2{
   
}
.IndustryTextItem3{
   
}
.IndustryTextItem .circle{
    margin-top: 9px;
    width: 20px;
    height: 20px;
    border: 1px solid #fff;
}
.IndustryTextItem .circle:before{
    width: 10px;
    height: 10px;
    border: 1px solid #fff;
}
.IndustryTextItem .text{
    margin-left: 20px;
}
.IndustryTextItem .text h3{
    font-size: 22px;
}
.IndustryTextItem .text p{
    margin-top: 10px;
    font-size: 12px;
}
.IndustryTextItem3 .text h3,.IndustryTextItem3 .text p{

}
.IndustryTextItem3 .circle,.IndustryTextItem3 .circle:before{
    border: 1px solid #005376;
}

/*企业说*/
.EnterpriseTheorySection{
    padding: 86px 0;
}
.EnterpriseTheorySection .ward{
 
}
.EnterpriseTheoryC{
    margin-top: 80px;
}
.EnterpriseTheoryText{
    padding: 30px 8% 40px;
    height: 456px;
    overflow: hidden;
}
.EnterpriseTheoryBtnW {
    margin: 20px 8%;
}
.EnterpriseTheoryBtn {
    font-size: 16px;
}
.EnterpriseTheoryBtn span {
    cursor: pointer;
}
.EnterpriseTheoryBtn i {
    font-size: 20px;
    margin-left: 5px;
}
img.dh{
    width: 30px;
}
.EnterpriseTheoryText p{
    margin-top: 10px;
    font-size: 15px;
}
.outher-logo{
    margin-top: 30px;
}
.outher-logo img{
    width: 103px;
}
.outher-logo h3{
    font-size: 14px;
    margin-left: 16px;
}
.EnterpriseTheoryPrev, .EnterpriseTheoryNext{
    width: 42px;
    height: 42px;
    border: 1px solid #005672;
    top: 30px;
}
.EnterpriseTheoryPrev:after, .EnterpriseTheoryNext:after{
    font-size: 18px;
}
.EnterpriseTheoryNext{

}
.EnterpriseTheoryPrev{
    right: 70px;
}
.EnterpriseTheoryPrev:hover, .EnterpriseTheoryNext:hover{
    background-color: #005672;
    border:none;
}
.EnterpriseTheoryPrev:hover:after, .EnterpriseTheoryNext:hover:after{
    color: #fff;
}

/*联系我们*/
.IndCantactSection{
    padding: 70px 0 180px;
}
.IndCantactC{
    margin-top: 70px;
}
.IndCantactNext, .IndCantactPrev{
    width: 40px;
    height: 70px;
}
.IndCantactNext{
    right: -45px;
}
.IndCantactPrev{
    left: -45px;
}
.IndCantactNext:after, .IndCantactPrev:after{
    font-size: 26px;
}
.IndCantactNext:hover, .IndCantactPrev:hover{
    background-color: rgba(0,86,114,.08);
}
.IndCantactTop{
    padding: 34px 0;
}
.IndCantactTopTx{
    width: 90px;
    height: 90px;
}
.IndCantactBottom{
    padding: 0 6px;
}
.IndCantactBottomName{
    padding: 20px 12px 25px;
    border-bottom: 1px solid #e5e5e5;
}
.IndCantactBottomNameL{
    max-width: 85%;
}
.IndCantactBottomNameR{
    font-size: 16px;
}
.IndCantactBottomName h3{
    font-size: 22px;
}
.IndCantactBottomName p{
    font-size: 16px;
    padding: 2px 0;
}
.IndCantactBottomDesc{
    padding: 25px 12px;
}
.IndCantactBottomDesc .desc{
    min-height: 150px;
    margin-bottom: 30px;
}
.IndCantactBottomDesc p{
    font-size: 15px;
}
.IndCantactBottomDesc .tel, .IndCantactBottomDesc .email{
    font-size: 15px;
}
/*video*/
.overly{

}
.overly.show {

}
.video-container {
    max-width: 900px;
}
.video-container video {

}
.closed {
    width: 20px;
    height: 20px;
    top: -30px;
    right: -30px;
}
/*青岛动态*/
.IndNewsB{
   
}
.IndNewsZs{
    width: 45%;
    max-width: 862px;
}
.IndNewsB .ward{
    padding: 110px 0 90px;
}
.IndNewsTit{
    width: 660px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(255,255,255,.5);
}
.IndNewsAW{
    padding-top: 60px;
}
.IndNewsA{
    font-size: 18px;
    padding: 0 9px;
}
.IndNewsA:hover{
    opacity: .7;
}
.IndNewsB .tit{}
.IndNewsB .line {
    left: 660px;
}
.IndNewsB .con .con_left {
    width: 360px;
    margin: 60px 100px 0;
}
.IndNewsB .con .con_left img{
    width: 360px;
    height: 185px;
}
.IndNewsB .con .con_left .one {
    margin-top: 30px;
}
.IndNewsB .con .con_left .one .date {}
.IndNewsB .con .con_left .one .date span {
    font-size: 22px;
}
.IndNewsB .con .con_left .one .date p {
    font-size: 16px;
    margin-top: 6px;
}
.IndNewsB .con .con_left .one .ln {
    height: 47px;
    margin: 5px 10px 0;
}
.IndNewsB .con .con_left .one .news-text{
    width: 266px;
    padding-left: 13px;
}
.IndNewsB .con .con_left .one .tt {
    font-size: 18px;
}
.IndNewsB .con .con_left .one .tt a {}
.IndNewsB .con .con_left .one .des {
    font-size: 14px;
    line-height: 250%;
    margin-top: 10px;
}
.IndNewsB .con .con_left .one .des a {}
.IndNewsB .con .con_left .more {
    width: 158px;
    padding-top: 18px;
    margin-top: 20px;
}
.IndNewsB .con .con_left .more a {
    font-size: 16px;
}
.IndNewsB .con ul {
    width: 530px;
    margin-top: 30px;
}
.IndNewsB .con ul li {
    padding-top: 20px;
}
.IndNewsB .con ul li .date {}
.IndNewsB .con ul li .date span {
    font-size: 22px;
}
.IndNewsB .con ul li .date p {
    font-size: 16px;
    margin-top: 6px;
}
.IndNewsB .con ul li .xx {
    width: 440px;
    padding-left: 18px;
    padding-bottom: 26px;
}
.IndNewsB .con ul li .xx .tt {
    font-size: 18px;
}
.IndNewsB .con ul li .xx .des {
    font-size: 14px;
    margin-top: 10px;
    height: 48px;
}
.IndNewsB .con ul li .xx:hover {
    opacity: .7;
}
.IndNewsB .con .con_left .one .des a:hover,.IndNewsB .con .con_left .one .tt a:hover{
    text-decoration: underline;
}
.IndNewsB .con .con_left .more a:hover{
    opacity: .7;
}

}
@media screen and (max-width:1279px ) and ( min-width:992px){
.ward{
    width: 930px;
}
/*header*/
.header{

}
.header-change .header{

}
.hdK{
    width: 95%;
    max-width: 1824px;
    padding: 20px 0;
}
.logo{

}
.logoEN{
    width: 130px;
    margin-right: 40px;
}
.logoCH{
    width: 83px;
}
.nav{
    width: 66%;
    display: none;
}
.nav-li{
    margin: 0 25px;
}
.navA{
    font-size: 16px;
    padding: 12px 0;
}
.navA:before{
    height: 3px;
    border-radius: 30px;
}
.nav-li.active .navA:before,.navA:hover:before{
    width: 100%;
}
.NavENk{
  display: none;
}
.langA{
    font-size: 14px;
}
.NavENk i{
    height: 10px;
    border-left: 1px solid #535353;
    margin: 0 10px;
}
.langA:hover{
    color: #005376;
}

/*wap-menu*/
.nav-button-wrapper {
    width: 50px;
    display: block;
    right: 0;
}

.nav-button {
    padding: 20px;
}

.nav-button .menu-btn {
    width: 30px;
    height: 20px;
}

.nav-button .menu-btn span:before {
    height: 2px;
}
.nav-button .menu-btn span, .nav-button .menu-btn:after, .nav-button .menu-btn:before {
    height: 2px;
}
.nav-button .menu-btn span {
    margin-top: -1px;
}
.nav-button .menu-btn:after, .nav-button .menu-btn:before {

}
.nav-button .menu-btn:before {

}
.nav-button .menu-btn:after {

}
.nav-button.active {

}
.nav-button.active {

}
.nav-button .menu-btn.open span {background-color: #fff;}

.nav-button .menu-btn.open:before {

}

.nav-button .menu-btn.open:after {

}
.nav-button .menu-btn.open span:before {background-color: #fff;}
.side-nav{
    max-width: 420px;
    right: -420px;
    display: block;
}
.side-nav ul {
  
}
.side-nav ul li {
 
}
.side-menu {

    font-size: 18px;
    padding: 15px 4%;
}
.side-nav.active{

}
.side-lang{
    margin-top: 50px;
}
.side-lang-a{
    margin: 0 15px;
    font-size: 16px;
}
/*footer*/
.footer{

}
.links{
    /*padding:32px 0;*/
    padding:7px 0;
}
.linkTit{
    font-size: 16px;
    margin-right: 28px;
}
.linksItem{
    margin: 0 11px;
}
.linksItemA{
    width: 30px;
}
.linksItemA span{
    font-size: 24px;
}
.linksItemA:hover{
    transform: scale(1.2);
}
.ftCon{
    padding: 40px 0;
}
.ft-logo{
    max-width: 40%;
    margin-top: 80px;
}
.ftLogoEN{
    margin-right: 34px;
}
.ft-logo .ftLogoEN img{
    width: 156px;
}
.ft-logo .ftLogoEN p{
    margin-top: 10px;
    width: 156px;
}
.ftLogoCH{
    width: 104px;
}
.ftInfo{
    width: 60%;
}
.ftNav{

}
.ftNavA{
    font-size: 15px;
}
.ftNavA:hover{
    color: #005672;
}
.ftNav dd i{
    border-left:1px solid #222;
    height: 14px;
    margin: 0 18px;
}
.ftNav dd:last-child i{
  
}
.ftCantact{
    margin-top: 40px;
}
.ftCantactT{
    font-size: 18px;
}
.ftCantactItemW{
    margin-top: 15px;
    justify-content: space-between;
    
}
.ftCantactItemEwmW{
    width: 100%;
    margin-top: 20px;
}
.ftCantactItemEwm{
    width: 75px;
    margin-right: 10px;
}
.ftCantactItem{
    font-size: 13px;
    margin-top: -4px;
}
.ftCantactItem{
    width: 100%;
}

.ftCantactItem h4{
     padding:4px;
     width: 100%;
}
.ftCantactItemDiv{
    padding: 3px 0;
    width: 40%;
}
.ftCantactItemDiv:last-child{
    width: 60%;
}
.ftCantactItemDiv p:first-child{
    margin-right: 10px;
}
.ftCantactItemDiv span{
    font-size: 20px;
    margin-right: 5px;
}
.ftCopy{
    margin-top: 20px;
    font-size: 13px;
}
/*go-top*/
.go-top {
    font-size: 14px;
    width: 35px;
    height: 35px;
    line-height: 33px;
    right: 3%;
    font-size: 16px;
    width: 45px;
    height: 45px;
    line-height: 43px;
}
.go-top.active {
    top: 95%;
}
.go-top img{
    width: 32px;
}
.go-top:hover {
    background-color: #222;
}

/*********
首页
*********/
/*banner*/
.banner{
    width: 95%;
    max-width: 1824px;
    height: calc(100vh - 93px);
}

.banner .swiper-slide .img-nei {
   
}
.banner .conta {

}
.banner .conta-nei {
    width: 80%;
    padding-bottom: 40px;
}
.banner .conta-nei h2{
    font-size: 50px;
}
.go-a-wrap{
    margin-top: 40px;
    padding-right: 7px;
    padding-bottom: 14px;
    border-bottom: 2px solid #7d7d7d;
}
.go-a-wrap:before{
    bottom: -2px;
    width: 45%;
    border-top: 2px solid #fff;
}
.go-a{
    font-size: 16px;
}
.go-a img{
    margin-left: 18px;
}

.banner .swiper-slide-active .conta-nei h2{
   
}
.banner .swiper-slide-active .conta-nei .go-a-wrap{
   
}
.banner .pagination{
    width: 1300px;
    bottom: 30px;
}
.banner .pagination .swiper-pagination-bullet{
    width: 16px;
    height: 16px;
    border:1px solid #fff;
    margin: 0 8px;
}
.banner .pagination .swiper-pagination-bullet-active{
    
}

/*投资青岛的十大优势*/
.IndTenSection{
    padding:70px 0 130px;
}
.tit{
   
}
.titH2{
    font-size: 32px;
}
.titP{
    font-size: 18px;
    margin-top: 5px;
}
.IndTenC{
    margin-top: 70px;
}
.IndTenItem{
    width: 218px;
    height: 218px;
    padding: 38px 2% 0;
    margin:11px 0;
}
.IndTenItemA{
    width: 262px;
    height: 262px;
    top: -22px;
    left: -22px;
}
.IndTenItemA span{
    bottom: 10px;
    right: 36px;
    font-size: 40px;
}
.IndTenItem:hover .IndTenItemA{
    opacity: 1;
    visibility: visible;
    transform: none;
}
.IndTenItem:hover i,.IndTenItem:hover p{
    color: #fff;
}
.IndTenItem i{
    font-size: 50px;
}
.IndTenItem p{
    font-size: 22px;
    margin-top: 20px;
}
.IndTenItemVideo{
    width: 452px;
}
.video-btn{
    width: 61px;
}
/*优势产业*/
.IndustrySection{
   padding: 50px 0 80px; 
}
.IndustryC{
    margin-top: 40px;
}
.IndustryPic{
    width: 52%;
    height: 403px;
}
.IndustryPic img{

}
.IndustryText{

}
.IndustryTextItem{
    height: 134.33px;
    padding: 22px 9% 0;
}
.IndustryTextItem1{
   
}
.IndustryTextItem2{
   
}
.IndustryTextItem3{
   
}
.IndustryTextItem .circle{
    margin-top: 5px;
    width: 20px;
    height: 20px;
    border: 1px solid #fff;
}
.IndustryTextItem .circle:before{
    width: 10px;
    height: 10px;
    border: 1px solid #fff;
}
.IndustryTextItem .text{
    margin-left: 16px;
}
.IndustryTextItem .text h3{
    font-size: 20px;
}
.IndustryTextItem .text p{
    margin-top: 4px;
    font-size: 12px;
    line-height: 1.5;
}
.IndustryTextItem3 .text h3,.IndustryTextItem3 .text p{

}
.IndustryTextItem3 .circle,.IndustryTextItem3 .circle:before{
    border: 1px solid #005376;
}

/*企业说*/
.EnterpriseTheorySection{
    padding: 86px 0;
}
.EnterpriseTheorySection .ward{
 
}
.EnterpriseTheoryC{
    margin-top: 80px;
}
.EnterpriseTheoryText{
    padding: 30px 8% 40px;
    height: 406px;
    overflow: hidden;
}
.EnterpriseTheoryBtnW {
    margin: 20px 8%;
}
.EnterpriseTheoryBtn {
    font-size: 16px;
}
.EnterpriseTheoryBtn span {
    cursor: pointer;
}
.EnterpriseTheoryBtn i {
    font-size: 20px;
    margin-left: 5px;
}
img.dh{
    width: 30px;
}
.EnterpriseTheoryText p{
    margin-top: 10px;
    font-size: 15px;
}
.outher-logo{
    margin-top: 30px;
}
.outher-logo img{
    width: 103px;
}
.outher-logo h3{
    font-size: 14px;
    margin-left: 16px;
}
.EnterpriseTheoryPrev, .EnterpriseTheoryNext{
    width: 42px;
    height: 42px;
    border: 1px solid #005672;
    top: 30px;
}
.EnterpriseTheoryPrev:after, .EnterpriseTheoryNext:after{
    font-size: 18px;
}
.EnterpriseTheoryNext{

}
.EnterpriseTheoryPrev{
    right: 70px;
}
.EnterpriseTheoryPrev:hover, .EnterpriseTheoryNext:hover{
    background-color: #005672;
    border:none;
}
.EnterpriseTheoryPrev:hover:after, .EnterpriseTheoryNext:hover:after{
    color: #fff;
}

/*联系我们*/
.IndCantactSection{
    padding: 70px 0 180px;
}
.IndCantactC{
    margin-top: 70px;
}
.IndCantactNext, .IndCantactPrev{
    width: 40px;
    height: 70px;
    background-color: rgba(0,86,114,.08);
}
.IndCantactNext{
    right: -25px;
}
.IndCantactPrev{
    left: -25px;
}
.IndCantactNext:after, .IndCantactPrev:after{
    font-size: 26px;
}
.IndCantactNext:hover, .IndCantactPrev:hover{
    
}
.IndCantactTop{
    padding: 34px 0;
}
.IndCantactTopTx{
    width: 90px;
    height: 90px;
}
.IndCantactBottom{
    padding: 0 6px;
}
.IndCantactBottomName{
    padding: 20px 12px 25px;
    border-bottom: 1px solid #e5e5e5;
}
.IndCantactBottomNameL{
    max-width: 85%;
}
.IndCantactBottomNameR{
    font-size: 16px;
}
.IndCantactBottomName h3{
    font-size: 22px;
}
.IndCantactBottomName p{
    font-size: 16px;
    padding: 2px 0;
}
.IndCantactBottomDesc{
    padding: 25px 12px;
}
.IndCantactBottomDesc .desc{
    min-height: 150px;
    margin-bottom: 30px;
}
.IndCantactBottomDesc p{
    font-size: 15px;
}
.IndCantactBottomDesc .tel, .IndCantactBottomDesc .email{
    font-size: 15px;
}
/*video*/
.overly{

}
.overly.show {

}
.video-container {
    max-width: 900px;
}
.video-container video {

}
.closed {
    width: 20px;
    height: 20px;
    top: -30px;
    right: -30px;
}
/*青岛动态*/
.IndNewsB{
   
}
.IndNewsZs{
    width: 45%;
    max-width: 862px;
}
.IndNewsB .ward{
    padding: 110px 0 90px;
}
.IndNewsTit{
    width: 530px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(255,255,255,.5);
}
.IndNewsAW{
    padding-top: 60px;
}
.IndNewsA{
    font-size: 18px;
    padding: 0 9px;
}
.IndNewsA:hover{
    opacity: .7;
}
.IndNewsB .tit{}
.IndNewsB .line {
    left: 530px;
}
.IndNewsB .con .con_left {
    width: 330px;
    margin: 60px 50px 0;
}
.IndNewsB .con .con_left img{
    width: 330px;
    height: 169px;
}
.IndNewsB .con .con_left .one {
    margin-top: 30px;
}
.IndNewsB .con .con_left .one .date {}
.IndNewsB .con .con_left .one .date span {
    font-size: 22px;
}
.IndNewsB .con .con_left .one .date p {
    font-size: 16px;
    margin-top: 6px;
}
.IndNewsB .con .con_left .one .ln {
    height: 47px;
    margin: 5px 10px 0;
}
.IndNewsB .con .con_left .one .news-text{
    width: 241px;
    padding-left: 13px;
}
.IndNewsB .con .con_left .one .tt {
    font-size: 18px;
}
.IndNewsB .con .con_left .one .tt a {}
.IndNewsB .con .con_left .one .des {
    font-size: 14px;
    line-height: 250%;
    margin-top: 10px;
}
.IndNewsB .con .con_left .one .des a {}
.IndNewsB .con .con_left .more {
    width: 158px;
    padding-top: 18px;
    margin-top: 20px;
}
.IndNewsB .con .con_left .more a {
    font-size: 16px;
}
.IndNewsB .con ul {
    width: 490px;
    margin-top: 30px;
}
.IndNewsB .con ul li {
    padding-top: 20px;
}
.IndNewsB .con ul li .date {}
.IndNewsB .con ul li .date span {
    font-size: 22px;
}
.IndNewsB .con ul li .date p {
    font-size: 16px;
    margin-top: 6px;
}
.IndNewsB .con ul li .xx {
    width: 400px;
    padding-left: 18px;
    padding-bottom: 26px;
}
.IndNewsB .con ul li .xx .tt {
    font-size: 18px;
}
.IndNewsB .con ul li .xx .des {
    font-size: 14px;
    margin-top: 10px;
    height: 48px;
}
.IndNewsB .con ul li .xx:hover {
    opacity: .7;
}
.IndNewsB .con .con_left .one .des a:hover,.IndNewsB .con .con_left .one .tt a:hover{
    text-decoration: underline;
}
.IndNewsB .con .con_left .more a:hover{
    opacity: .7;
}

}
@media screen and (max-width:991px ) and ( min-width:768px){
.ward{
    width: 690px;
}
/*header*/
.header{

}
.header-change .header{

}
.hdK{
    width: 95%;
    max-width: 1824px;
    padding: 20px 0;
}
.logo{

}
.logoEN{
    width: 130px;
    margin-right: 40px;
}
.logoCH{
    width: 83px;
}
.nav{
    width: 66%;
    display: none;
}
.nav-li{
    margin: 0 25px;
}
.navA{
    font-size: 16px;
    padding: 12px 0;
}
.navA:before{
    height: 3px;
    border-radius: 30px;
}
.nav-li.active .navA:before,.navA:hover:before{
    width: 100%;
}
.NavENk{
  display: none;
}
.langA{
    font-size: 14px;
}
.NavENk i{
    height: 10px;
    border-left: 1px solid #535353;
    margin: 0 10px;
}
.langA:hover{
    color: #005376;
}
/*wap-menu*/
.nav-button-wrapper {
    width: 50px;
    display: block;
    right: 0;
}

.nav-button {
    padding: 20px;
}

.nav-button .menu-btn {
    width: 30px;
    height: 20px;
}

.nav-button .menu-btn span:before {
    height: 2px;
}
.nav-button .menu-btn span, .nav-button .menu-btn:after, .nav-button .menu-btn:before {
    height: 2px;
}
.nav-button .menu-btn span {
    margin-top: -1px;
}
.nav-button .menu-btn:after, .nav-button .menu-btn:before {

}
.nav-button .menu-btn:before {

}
.nav-button .menu-btn:after {

}
.nav-button.active {

}
.nav-button.active {

}
.nav-button .menu-btn.open span {background-color: #fff;}

.nav-button .menu-btn.open:before {

}

.nav-button .menu-btn.open:after {

}
.nav-button .menu-btn.open span:before {background-color: #fff;}
.side-nav{
    max-width: 420px;
    right: -420px;
    display: block;
}
.side-nav ul {
  
}
.side-nav ul li {
 
}
.side-menu {

    font-size: 18px;
    padding: 15px 4%;
}
.side-nav.active{

}
.side-lang{
    margin-top: 50px;
}
.side-lang-a{
    margin: 0 15px;
    font-size: 16px;
}
/*footer*/
.footer{

}
.links{
    /*padding:32px 0;*/
    padding:7px 0;
}
.linkTit{
    font-size: 16px;
    margin-right: 28px;
}
.linksItem{
    margin: 0 11px;
}
.linksItemA{
    width: 30px;
}
.linksItemA span{
    font-size: 22px;
}
.linksItemA:hover{
    transform: scale(1.2);
}
.ftCon{
    padding: 40px 0;
}
.ft-logo{

}
.ftLogoEN{
    width: 156px;
    margin-right: 44px;
}
.ft-logo .ftLogoEN p{
    margin-top: 5px;
}
.ftLogoCH{
    width: 104px;
}
.ftInfo{
    width: 100%;
}
.ftNav{margin-top: 40px;}
.ftNavA{
    font-size: 15px;
}
.ftNavA:hover{
    color: #005672;
}
.ftNav dd i{
    border-left:1px solid #222;
    height: 14px;
    margin: 0 18px;
}
.ftNav dd:last-child i{
  
}
.ftCantact{
    margin-top: 40px;
}
.ftCantactT{
    font-size: 18px;
}
.ftCantactItemW{
    margin-top: 15px;
    justify-content: space-between;
}
.ftCantactItemEwm{
    width: 75px;
    margin-left: 10px;
}
.ftCantactItem{
    font-size: 13px;
    margin-top: -4px;
}
.ftCantactItem{
    width: 100%;
}

.ftCantactItem h4{
     padding:4px;
     width:100%;
}
.ftCantactItemDiv{
    padding: 3px 0;
    width:40%;
}
.ftCantactItemDiv:last-child{
    width:60%;
}
.ftCantactItemDiv p:first-child{
    margin-right: 10px;
}
.ftCantactItemDiv span{
    font-size: 20px;
    margin-right: 5px;
}
.ftCopy{
    margin-top: 20px;
    font-size: 13px;
}
/*go-top*/
.go-top {
    font-size: 14px;
    width: 35px;
    height: 35px;
    line-height: 33px;
    right: 3%;
    font-size: 16px;
    width: 45px;
    height: 45px;
    line-height: 43px;
}
.go-top.active {
    top: 95%;
}
.go-top img{
    width: 32px;
}
.go-top:hover {
    background-color: #222;
}

/*********
首页
*********/
/*banner*/
.banner{
    width: 95%;
    max-width: 1824px;
    height: calc(100vh - 93px);
}

.banner .swiper-slide .img-nei {
   
}
.banner .conta {

}
.banner .conta-nei {
    width: 80%;
    padding-bottom: 40px;
}
.banner .conta-nei h2{
    font-size: 50px;
}
.go-a-wrap{
    margin-top: 40px;
    padding-right: 7px;
    padding-bottom: 14px;
    border-bottom: 2px solid #7d7d7d;
}
.go-a-wrap:before{
    bottom: -2px;
    width: 45%;
    border-top: 2px solid #fff;
}
.go-a{
    font-size: 16px;
}
.go-a img{
    margin-left: 18px;
}

.banner .swiper-slide-active .conta-nei h2{
   
}
.banner .swiper-slide-active .conta-nei .go-a-wrap{
   
}
.banner .pagination{
    width: 1300px;
    bottom: 30px;
}
.banner .pagination .swiper-pagination-bullet{
    width: 16px;
    height: 16px;
    border:1px solid #fff;
    margin: 0 8px;
}
.banner .pagination .swiper-pagination-bullet-active{
    
}

/*投资青岛的十大优势*/
.IndTenSection{
    padding:70px 0 130px;
}
.tit{
   
}
.titH2{
    font-size: 32px;
}
.titP{
    font-size: 18px;
    margin-top: 5px;
}
.IndTenC{
    margin-top: 70px;
}
.IndTenItem{
    width: 335px;
    height: 335px;
    padding: 88px 5% 0;
    margin:11px 0;
}
.IndTenItemA{
    width: 335px;
    height: 335px;
    top: -0;
    left: -0;
    opacity: 1;
    visibility: visible;
    background-color: transparent;
    transform: none;
}
.IndTenItemA span{
    bottom: 10px;
    right: 36px;
    font-size: 40px;
    color: #005672;
}
.IndTenItem:hover .IndTenItemA{
    
}
.IndTenItem:hover i,.IndTenItem:hover p{
   
}
.IndTenItem i{
    font-size: 50px;
}
.IndTenItem p{
    font-size: 22px;
    margin-top: 30px;
}
.IndTenItemVideo-pc{
    display: block;
}
.IndTenItemVideo-wap{
    display: none;
}
.IndTenItemVideo{
    width: 100%;
}
.video-btn{
    width: 61px;
}
/*优势产业*/
.IndustrySection{
   padding: 50px 0 80px; 
}
.IndustryC{
    margin-top: 40px;
}
.IndustryPic{
    width: 100%;
    height: 575px;
}
.IndustryPic img{

}
.IndustryText{

}
.IndustryTextItem{
    height: 191.66px;
    padding: 50px 9% 0;
}
.IndustryTextItem1{
   
}
.IndustryTextItem2{
   
}
.IndustryTextItem3{
   
}
.IndustryTextItem .circle{
    margin-top: 9px;
    width: 20px;
    height: 20px;
    border: 1px solid #fff;
}
.IndustryTextItem .circle:before{
    width: 10px;
    height: 10px;
    border: 1px solid #fff;
}
.IndustryTextItem .text{
    margin-left: 20px;
}
.IndustryTextItem .text h3{
    font-size: 22px;
}
.IndustryTextItem .text p{
    margin-top: 10px;
    font-size: 12px;
}
.IndustryTextItem3 .text h3,.IndustryTextItem3 .text p{

}
.IndustryTextItem3 .circle,.IndustryTextItem3 .circle:before{
    border: 1px solid #005376;
}

/*企业说*/
.EnterpriseTheorySection{
    padding: 86px 0;
}
.EnterpriseTheorySection .ward{
 
}
.EnterpriseTheoryC{
    margin-top: 80px;
}
.EnterpriseTheoryText{
    padding: 30px 8% 40px;
    height: 406px;
    overflow: hidden;
}
.EnterpriseTheoryBtnW {
    margin: 20px 8%;
}
.EnterpriseTheoryBtn {
    font-size: 16px;
}
.EnterpriseTheoryBtn span {
    cursor: pointer;
}
.EnterpriseTheoryBtn i {
    font-size: 20px;
    margin-left: 5px;
}
img.dh{
    width: 30px;
}
.EnterpriseTheoryText p{
    margin-top: 10px;
    font-size: 15px;
}
.outher-logo{
    margin-top: 30px;
}
.outher-logo img{
    width: 103px;
}
.outher-logo h3{
    font-size: 14px;
    margin-left: 16px;
}
.EnterpriseTheoryPrev, .EnterpriseTheoryNext{
    width: 42px;
    height: 42px;
    border: 1px solid #005672;
    top: 30px;
}
.EnterpriseTheoryPrev:after, .EnterpriseTheoryNext:after{
    font-size: 18px;
}
.EnterpriseTheoryNext{

}
.EnterpriseTheoryPrev{
    right: 70px;
}
.EnterpriseTheoryPrev:hover, .EnterpriseTheoryNext:hover{
    background-color: #005672;
    border:none;
}
.EnterpriseTheoryPrev:hover:after, .EnterpriseTheoryNext:hover:after{
    color: #fff;
}

/*联系我们*/
.IndCantactSection{
    padding: 70px 0 180px;
}
.IndCantactC{
    margin-top: 70px;
}
.IndCantactNext, .IndCantactPrev{
    width: 40px;
    height: 70px;
    background-color: rgba(0,86,114,.08);
}
.IndCantactNext{
    right: -25px;
}
.IndCantactPrev{
    left: -25px;
}
.IndCantactNext:after, .IndCantactPrev:after{
    font-size: 26px;
}
.IndCantactNext:hover, .IndCantactPrev:hover{
    
}
.IndCantactTop{
    padding: 34px 0;
}
.IndCantactTopTx{
    width: 90px;
    height: 90px;
}
.IndCantactBottom{
    padding: 0 6px;
}
.IndCantactBottomName{
    padding: 20px 12px 25px;
    border-bottom: 1px solid #e5e5e5;
}
.IndCantactBottomNameL{
    max-width: 85%;
}
.IndCantactBottomNameR{
    font-size: 16px;
}
.IndCantactBottomName h3{
    font-size: 24px;
}
.IndCantactBottomName p{
    font-size: 17px;
    padding: 2px 0;
}
.IndCantactBottomDesc{
    padding: 25px 12px;
}
.IndCantactBottomDesc .desc{
    min-height: 150px;
    margin-bottom: 30px;
}
.IndCantactBottomDesc p{
    font-size: 15px;
}
.IndCantactBottomDesc .tel, .IndCantactBottomDesc .email{
    font-size: 15px;
}
/*video*/
.overly{

}
.overly.show {

}
.video-container {
    max-width: 690px;
}
.video-container video {

}
.closed {
    width: 20px;
    height: 20px;
    top: -30px;
    right: -30px;
}
/*青岛动态*/
.IndNewsB{
   
}
.IndNewsZs{
    width: 45%;
    max-width: 862px;
}
.IndNewsB .ward{
    padding: 110px 0 90px;
}
.IndNewsTit{
    width: 100%;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(255,255,255,.5);
}
.IndNewsAW{
    padding-top: 60px;
}
.IndNewsA{
    font-size: 18px;
    padding: 0 9px;
}
.IndNewsA:hover{
    opacity: .7;
}
.IndNewsB .tit{}
.IndNewsB .line {
    left: 530px;
    display: none;
}
.IndNewsB .con .con_left {
    width: 100%;
    margin: 60px 50px 0;
}
.IndNewsB .con .con_left img{
    width: 100%;
    height: 303px;
    margin: 0 auto;
}
.IndNewsB .con .con_left .one {
    margin-top: 30px;
}
.IndNewsB .con .con_left .one .date {}
.IndNewsB .con .con_left .one .date span {
    font-size: 22px;
}
.IndNewsB .con .con_left .one .date p {
    font-size: 16px;
    margin-top: 6px;
}
.IndNewsB .con .con_left .one .ln {
    height: 47px;
    margin: 5px 10px 0;
}
.IndNewsB .con .con_left .one .news-text{
    width: 100%;
    padding-left: 13px;
    flex: 1;
}
.IndNewsB .con .con_left .one .tt {
    font-size: 18px;
}
.IndNewsB .con .con_left .one .tt a {}
.IndNewsB .con .con_left .one .des {
    font-size: 14px;
    line-height: 250%;
    margin-top: 10px;
}
.IndNewsB .con .con_left .one .des a {}
.IndNewsB .con .con_left .more {
    width: 158px;
    padding-top: 18px;
    margin-top: 20px;
}
.IndNewsB .con .con_left .more a {
    font-size: 16px;
}
.IndNewsB .con ul {
    width: 100%;
    margin-top: 30px;
    padding: 0 50px;
}
.IndNewsB .con ul li {
    padding-top: 20px;
}
.IndNewsB .con ul li .date {}
.IndNewsB .con ul li .date span {
    font-size: 22px;
}
.IndNewsB .con ul li .date p {
    font-size: 16px;
    margin-top: 6px;
}
.IndNewsB .con ul li .xx {
    width: 100%;
    padding-left: 10px;
    padding-bottom: 26px;
    flex: 1;
    margin-left: 30px;
}
.IndNewsB .con ul li .xx .tt {
    font-size: 18px;
}
.IndNewsB .con ul li .xx .des {
    font-size: 14px;
    margin-top: 10px;
    height: 48px;
}
.IndNewsB .con ul li .xx:hover {
    opacity: .7;
}
.IndNewsB .con .con_left .one .des a:hover,.IndNewsB .con .con_left .one .tt a:hover{
    text-decoration: underline;
}
.IndNewsB .con .con_left .more a:hover{
    opacity: .7;
}

}
@media only screen and (max-width:767px){
.ward{
    width: 92%;
    max-width: 500px;
}
/*header*/
.header{
    height: 62px;
}
.header-change .header{

}
.hdK{
    width: 95%;
    max-width: 1824px;
    padding: .11rem 0;
}
.logo{

}
.logoEN{
    width: .8rem;
    margin-right: 40px;
}
.logoCH{
    width: .6rem;
}
.nav{
    width: 66%;
    display: none;
}
.nav-li{
    margin: 0 25px;
}
.navA{
    font-size: 16px;
    padding: 12px 0;
}
.navA:before{
    height: 3px;
    border-radius: 30px;
}
.nav-li.active .navA:before,.navA:hover:before{
    width: 100%;
}
.NavENk{
  display: none;
}
.langA{
    font-size: 14px;
}
.NavENk i{
    height: 10px;
    border-left: 1px solid #535353;
    margin: 0 10px;
}
.langA:hover{
    color: #005376;
}
/*wap-menu*/
.nav-button-wrapper {
    /* width: 40px; */
    display: block;
    right: 0;
}

.nav-button {
    padding: 15px;
}

.nav-button .menu-btn {
    width: 22px;
    height: 16px;
}

.nav-button .menu-btn span:before {
    height: 2px;
}
.nav-button .menu-btn span, .nav-button .menu-btn:after, .nav-button .menu-btn:before {
    height: 2px;
}
.nav-button .menu-btn span {
    margin-top: -1px;
}
.nav-button .menu-btn:after, .nav-button .menu-btn:before {

}
.nav-button .menu-btn:before {

}
.nav-button .menu-btn:after {

}
.nav-button.active {

}
.nav-button.active {

}
.nav-button .menu-btn.open span {background-color: #fff;}

.nav-button .menu-btn.open:before {

}

.nav-button .menu-btn.open:after {

}
.nav-button .menu-btn.open span:before {background-color: #fff;}
.side-nav{
    max-width: 420px;
    right: -420px;
    display: block;
}
.side-nav ul {
  
}
.side-nav ul li {
 
}
.side-menu {

    font-size: 18px;
    padding: 15px 4%;
}
.side-nav.active{

}
.side-lang{
    margin-top: 50px;
}
.side-lang-a{
    margin: 0 15px;
    font-size: 16px;
}
/*footer*/
.footer{

}
.links{
    /*padding:.15rem 0;*/
    padding:7px 0;
}
.linkTit{
    font-size: .14rem;
}
.linkUl{
   flex:1;
   margin-left: .2rem;
   justify-content: space-between;
}
.linksItem{
    
}
.linksItemA{
   
}
.linksItemA span{
    font-size: .16rem;
}
.linksItemA:hover{
    transform: scale(1.2);
}
.ftCon{
    padding: .4rem 0 0;
}
.ft-logo{
    margin: 0 auto;
    width: 100%;
}
.ftLogoEN{
    width: 156px;
    margin-right: .3rem;
}
.ft-logo .ftLogoEN p{
   margin-top: .05rem;
   line-height: 1.2;;
}
.ftLogoCH{
    width: 114px;
}
.ftInfo{
    width: 100%;
}
.ftNav{margin-top: 50px;display: none;}
.ftNavA{
    font-size: 15px;
}
.ftNavA:hover{
    color: #005672;
}
.ftNav dd i{
    border-left:1px solid #222;
    height: 14px;
    margin: 0 18px;
}
.ftNav dd:last-child i{
  
}
.ftCantact{
    margin-top: .3rem;
}
.ftCantactT{
    font-size: .14rem;
}
.ftCantactItemW{
    margin-top: 15px;
}
.ftCantactItemEwmW{
    width: 100%;
    justify-content: space-between;
}
.ftCantactItemEwm{
    width: 24%;
}
.ftCantactItem{
    font-size: .12rem;
    margin-bottom: .25rem;
}
.ftCantactItem{
    width: 100%;
}

.ftCantactItem h4{
     padding:4px;
     width: 100%;
}
.ftCantactItemDiv{
    padding: 3px 0;
    width: 50%;
}
.ftCantactItemDiv p:first-child{
    margin-right: .05rem;
}
.ftCantactItemDiv span{
    font-size: 20px;
    margin-right: 5px;
}
.ftCopy{
    margin-top: .1rem;
    font-size: .11rem;
    text-align: center;
    padding: .15rem 0;
}
.ftCopy a{
    display: block;
    margin-top: .04rem;
}
/*go-top*/
.go-top {
    font-size: 14px;
    width: 35px;
    height: 35px;
    line-height: 33px;
    right: 3%;
    font-size: 16px;
    width: .3rem;
    height: .3rem;
    line-height: .3rem;
}
.go-top.active {
    top: 95%;
}
.go-top img{
    width: .2rem;
}
.go-top:hover {
    background-color: #222;
}

/*********
首页
*********/
/*banner*/
.banner{
    width: 100%;
    max-width: 1824px;
    height: calc(100vh - 62px);
}

.banner .swiper-slide .img-nei {
   
}
.banner .swiper-slide .img-nei:before {
   content: '';
   position: absolute;
   left: 0;
   right: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(0,0,0,.5);
}
.banner .conta {

}
.banner .conta-nei {
    width: 80%;
    top: 50%;
    transform: translate(0,-50%);
    bottom: auto;
}
.banner .conta-nei h2{
    font-size: .3rem;
}
.go-a-wrap{
    margin-top: 40px;
    padding-right: 7px;
    padding-bottom: 14px;
    border-bottom: 2px solid #7d7d7d;
}
.go-a-wrap:before{
    bottom: -2px;
    width: 45%;
    border-top: 2px solid #fff;
}
.go-a{
    font-size: .14rem;
}
.go-a img{
    margin-left: 18px;
}

.banner .swiper-slide-active .conta-nei h2{
   
}
.banner .swiper-slide-active .conta-nei .go-a-wrap{
   
}
.banner .pagination{
    width: 1300px;
    bottom: 30px;
}
.banner .pagination .swiper-pagination-bullet{
    width: 16px;
    height: 16px;
    border:1px solid #fff;
    margin: 0 8px;
}
.banner .pagination .swiper-pagination-bullet-active{
    
}

/*投资青岛的十大优势*/
.IndTenSection{
    padding: .4rem 0 .6rem;
}
.tit{
   
}
.titH2{
    font-size: .18rem;
}
.titP{
    font-size: .13rem;
    margin-top: 5px;
}
.IndTenC{
    margin-top: .4rem;
}
.IndTenItem{
    width: 48.5%;
    height: 1.43rem;
    padding: .25rem 5% 0;
    margin: .05rem 0;
}
.IndTenItemA{
    width: 100%;
    height: 100%;
    top: -0;
    left: -0;
    opacity: 1;
    visibility: visible;
    background-color: transparent;
    transform: none;
}
.IndTenItemA span{
    bottom: .1rem;
    right: .15rem;
    font-size: .2rem;
    color: #005672;
}
.IndTenItem i{
    font-size: .3rem;
}
.IndTenItem p{
    font-size: .13rem;
    margin-top: .1rem;
}
.IndTenItemVideo-pc{
    display: block;
}
.IndTenItemVideo-wap{
    display: none;
}
.IndTenItemVideo{
    width: 100%;
}
.video-btn{
    width: 61px;
}
/*优势产业*/
.IndustrySection{
   padding: .35rem 0 .5rem;
}
.IndustryC{
    margin-top: .3rem;
}
.IndustryPic{
    width: 100%;
    height: 2.452rem;
}
.IndustryPic img{

}
.IndustryText{

}
.IndustryTextItem{
    height: auto;
    padding: .2rem 9%;
}
.IndustryTextItem1{
   
}
.IndustryTextItem2{
   
}
.IndustryTextItem3{
   
}
.IndustryTextItem .circle{
    margin-top: 4px;
    width: 20px;
    height: 20px;
    border: 1px solid #fff;
}
.IndustryTextItem .circle:before{
    width: 10px;
    height: 10px;
    border: 1px solid #fff;
}
.IndustryTextItem .text{
    margin-left: .12rem;
}
.IndustryTextItem .text h3{
    font-size: .14rem;
}
.IndustryTextItem .text p{
    margin-top: 10px;
    font-size: .11rem;
}
.IndustryTextItem3 .text h3,.IndustryTextItem3 .text p{

}
.IndustryTextItem3 .circle,.IndustryTextItem3 .circle:before{
    border: 1px solid #005376;
}

/*企业说*/
.EnterpriseTheorySection{
    padding: .5rem 0;
}
.EnterpriseTheorySection .ward{
 
}
.EnterpriseTheoryC{
    margin-top: .35rem;
}
.EnterpriseTheoryText{
    padding: 30px 8% 40px;
    height: 3.4rem;
    overflow: hidden;
}
.EnterpriseTheoryBtnW {
    margin: 20px 8%;
}
.EnterpriseTheoryBtn {
    font-size: 16px;
}
.EnterpriseTheoryBtn span {
    cursor: pointer;
}
.EnterpriseTheoryBtn i {
    font-size: 20px;
    margin-left: 5px;
}
img.dh{
    width: .25rem;
}
.EnterpriseTheoryText p{
    margin-top: 10px;
    font-size: .12rem;
}
.outher-logo{
    margin-top: 30px;
}
.outher-logo img{
    width: .8rem;
}
.outher-logo h3{
    font-size: .11rem;
    margin-left: 16px;
}
.EnterpriseTheoryPrev, .EnterpriseTheoryNext{
    width: .25rem;
    height: .25rem;
    border: 1px solid #005672;
    top: .2rem;
}
.EnterpriseTheoryPrev:after, .EnterpriseTheoryNext:after{
    font-size: .14rem;
}
.EnterpriseTheoryNext{

}
.EnterpriseTheoryPrev{
    right: .35rem;
}
.EnterpriseTheoryPrev:hover, .EnterpriseTheoryNext:hover{
    background-color: #005672;
    border:none;
}
.EnterpriseTheoryPrev:hover:after, .EnterpriseTheoryNext:hover:after{
    color: #fff;
}

/*联系我们*/
.IndCantactSection{
    padding: .5rem 0 .6rem;
}
.IndCantactC{
    margin-top: .4rem;
}
.IndCantactNext, .IndCantactPrev{
    width: 30px;
    height: 60px;
    background-color: rgba(0,86,114,.08);
}
.IndCantactNext{
    right: -15px;
}
.IndCantactPrev{
    left: -15px;
}
.IndCantactNext:after, .IndCantactPrev:after{
    font-size: .18rem;
}
.IndCantactNext:hover, .IndCantactPrev:hover{
    
}
.IndCantactTop{
    padding: .2rem 0;
}
.IndCantactTopTx{
    width: .7rem;
    height: .7rem;
}
.IndCantactBottom{
    padding: 0 6px;
}
.IndCantactBottomName{
    padding: .1rem .1rem .12rem;
    border-bottom: 1px solid #e5e5e5;
}
.IndCantactBottomNameL{
    max-width: 85%;
}
.IndCantactBottomNameR{
    font-size: .12rem;
}
.IndCantactBottomName h3{
    font-size: .16rem;
}
.IndCantactBottomName p{
    font-size: .14rem;
    padding: 2px 0;
}
.IndCantactBottomDesc{
    padding: .12rem .1rem;
}
.IndCantactBottomDesc .desc{
    min-height: 1.2rem;
    margin-bottom: .2rem;
}
.IndCantactBottomDesc p{
    font-size: .12rem;
}
.IndCantactBottomDesc .tel, .IndCantactBottomDesc .email{
    font-size: 15px;
}
/*video*/
.overly{

}
.overly.show {

}
.video-container {
    max-width: 85%;
}
.video-container video {

}
.closed {
    width: 20px;
    height: 20px;
    top: -20px;
    right: -20px;
}
/*青岛动态*/
.IndNewsB{
   
}
.IndNewsZs{
    width: 99%;
    max-width: 862px;
}
.IndNewsB .ward{
    padding: .5rem 0 .8rem;
}
.IndNewsTit{
    width: 100%;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(255,255,255,.5);
}
.IndNewsAW{
    padding-top: 60px;
}
.IndNewsA{
    font-size: 18px;
    padding: 0 9px;
}
.IndNewsA:hover{
    opacity: .7;
}
.IndNewsB .tit{}
.IndNewsB .line {
    left: 530px;
    display: none;
}
.IndNewsB .con .con_left {
    width: 100%;
    margin: .4rem 0 0;
}
.IndNewsB .con .con_left img{
    width: 100%;
    height: auto;
    margin: 0 auto;
}
.IndNewsB .con .con_left .one {
    margin-top: 30px;
}
.IndNewsB .con .con_left .one .date {}
.IndNewsB .con .con_left .one .date span {
    font-size: .16rem;
}
.IndNewsB .con .con_left .one .date p {
    font-size: .12rem;
    margin-top: 6px;
}
.IndNewsB .con .con_left .one .ln {
    height: 47px;
    margin: 5px 10px 0;
}
.IndNewsB .con .con_left .one .news-text{
    width: 100%;
    padding-left: 13px;
    flex: 1;
}
.IndNewsB .con .con_left .one .tt {
    font-size: .14rem;
}
.IndNewsB .con .con_left .one .tt a {}
.IndNewsB .con .con_left .one .des {
    font-size: .11rem;
    line-height: 250%;
    margin-top: 10px;
}
.IndNewsB .con .con_left .one .des a {}
.IndNewsB .con .con_left .more {
    width: 158px;
    padding-top: 18px;
    margin-top: 20px;
}
.IndNewsB .con .con_left .more a {
    font-size: .12rem;
}
.IndNewsB .con ul {
    width: 100%;
    margin-top: 30px;
}
.IndNewsB .con ul li {
    padding-top: 20px;
}
.IndNewsB .con ul li .date {}
.IndNewsB .con ul li .date span {
    font-size: .16rem;
}
.IndNewsB .con ul li .date p {
    font-size: .12rem;
    margin-top: 6px;
}
.IndNewsB .con ul li .xx {
    width: 80%;
    padding-bottom: .15rem;
}
.IndNewsB .con ul li .xx .tt {
    font-size: .14rem;
}
.IndNewsB .con ul li .xx .des {
    font-size: .11rem;
    margin-top: 10px;
    height: auto;
}
.IndNewsB .con ul li .xx:hover {
    opacity: .7;
}
.IndNewsB .con .con_left .one .des a:hover,.IndNewsB .con .con_left .one .tt a:hover{
    text-decoration: underline;
}
.IndNewsB .con .con_left .more a:hover{
    opacity: .7;
}

}


/*******
关于我们
*******/
@media  screen and ( min-width:1680px){
.innerBan{
    height: 536px;
}
.innerBan .ward{

}
.innerBanTit{
    bottom: 40px;
    font-size: 50px;
}

.mbx{
    padding: 20px 0;
    font-size: 16px;
}
.mbx a{
    font-size: 16px;
}
.mbx a:hover{
    color: #005672;
}
.aboutContacts{
    padding-top: 90px;
}
.Contacts{
    padding: 20px 0 130px;
}
.attractInvestmentB{
    margin-top: 60px;
}
.attractInvestmentT{
    font-size: 30px;
}
.attractInvestmentList{
    margin-top: 30px;
}
.attractInvestmentItem{
    width: 31.5%;
    margin: 0 20px;
}
.attractInvestmentItem .IndCantactTop{
  
}
.attractInvestmentItem .IndCantactBottomDesc p{
   
}
.BasicInformation{
    padding-top: 70px;
}
.BasicInformationCon{
    margin-top: 70px;
}
.aboutPic{
    width: 49.4%;
    height: 431px;
    max-width: 642px;
}
.aboutPic img{

}
.aboutText{
    height: 431px;
    padding: 50px 50px 0;
    flex:1;
}
.aboutTextT{
 
}
.aboutTextT .titH2{

}
.aboutTextP{
    
}
.aboutBusiness{
    padding: 110px 0 100px;
}
.aboutBusinessList{
    margin-top: 40px;
}
.aboutBusinessItem{
    width: 49.6%;
    margin-top: 40px;
}
.aboutBusinessItemPic{
    width: 41%;
    max-width: 264px;
    height: 227px;
}
.aboutBusinessItemPic img{

}
.aboutBusinessItemText{
    height: 227px;
    padding: 0 8% 0;
}
.aboutBusinessItemText p{
    font-size: 20px;
}
.aboutBusinessItemTextIcon{
    left: -38px;
    width: 76px;
    height: 76px;
    border-radius: 8px;
}
.aboutBusinessItemTextIcon span{
    font-size: 46px;
}
.about-more{
    top: -100px;
}
}
@media screen and (max-width:1679px ) and ( min-width:1440px){
.innerBan{
    height: 486px;
}
.innerBan .ward{

}
.innerBanTit{
    bottom: 40px;
    font-size: 46px;
}

.mbx{
    padding: 20px 0;
    font-size: 15px;
}
.mbx a{
    font-size: 15px;
}
.mbx a:hover{
    color: #005672;
}
.aboutContacts{
    padding-top: 90px;
}
.Contacts{
    padding: 20px 0 130px;
}
.attractInvestmentB{
    margin-top: 60px;
}
.attractInvestmentT{
    font-size: 28px;
}
.attractInvestmentList{
    margin-top: 30px;
}
.attractInvestmentItem{
    width: 31.5%;
    margin: 0 20px;
}
.attractInvestmentItem .IndCantactTop{
  
}
.attractInvestmentItem .IndCantactBottomDesc p{
   
}
.BasicInformation{
    padding-top: 70px;
}
.BasicInformationCon{
    margin-top: 70px;
}
.aboutPic{
    width: 49.4%;
    height: 398px;
}
.aboutPic img{

}
.aboutText{
    flex:1;
    height: 398px;
    padding: 50px 50px 0;
}
.aboutTextT{
 
}
.aboutTextT .titH2{

}
.aboutTextP{
    
}
.aboutBusiness{
    padding: 110px 0 100px;
}
.aboutBusinessList{
    margin-top: 40px;
}
.aboutBusinessItem{
    width: 49.6%;
    margin-top: 40px;
}
.aboutBusinessItemPic{
    width: 41%;
    max-width: 264px;
    height: 210px;
}
.aboutBusinessItemPic img{

}
.aboutBusinessItemText{
    height: 210px;
    padding: 0 8% 0;
}
.aboutBusinessItemText p{
    font-size: 18px;
}
.aboutBusinessItemTextIcon{
    left: -38px;
    width: 66px;
    height: 66px;
    border-radius: 8px;
}
.aboutBusinessItemTextIcon span{
    font-size: 42px;
}
.about-more{
    top: -100px;
}
}
@media screen and (max-width:1439px ) and ( min-width:1280px){
.innerBan{
    height: 436px;
}
.innerBan .ward{

}
.innerBanTit{
    bottom: 40px;
    font-size: 42px;
}

.mbx{
    padding: 20px 0;
    font-size: 14px;
}
.mbx a{
    font-size: 14px;
}
.mbx a:hover{
    color: #005672;
}
.aboutContacts{
    padding-top: 90px;
}
.Contacts{
    padding: 20px 0 130px;
}
.attractInvestmentB{
    margin-top: 60px;
}
.attractInvestmentT{
    font-size: 26px;
}
.attractInvestmentList{
    margin-top: 30px;
}
.attractInvestmentItem{
    width: 31.5%;
    margin: 0 20px;
}
.attractInvestmentItem .IndCantactTop{
  
}
.attractInvestmentItem .IndCantactBottomDesc p{
   
}
.BasicInformation{
    padding-top: 70px;
}
.BasicInformationCon{
    margin-top: 70px;
}
.aboutPic{
    width: 49.4%;
    height: 365px;
}
.aboutPic img{

}
.aboutText{
    flex:1;
    height: 365px;
    padding: 50px 50px 0;
}
.aboutTextT{
 
}
.aboutTextT .titH2{

}
.aboutTextP{
   
}
.aboutBusiness{
    padding: 110px 0 100px;
}
.aboutBusinessList{
    margin-top: 40px;
}
.aboutBusinessItem{
    width: 49.6%;
    margin-top: 40px;
}
.aboutBusinessItemPic{
    width: 41%;
    max-width: 264px;
    height: 192px;
}
.aboutBusinessItemPic img{

}
.aboutBusinessItemText{
    height: 192px;
    padding: 0 8% 0;
}
.aboutBusinessItemText p{
    font-size: 16px;
}
.aboutBusinessItemTextIcon{
    left: -38px;
    width: 61px;
    height: 61px;
    border-radius: 8px;
}
.aboutBusinessItemTextIcon span{
    font-size: 38px;
}
.about-more{
    top: -80px;
}
}
@media screen and (max-width:1279px ) and ( min-width:992px){
.innerBan{
    height: 436px;
}
.innerBan .ward{

}
.innerBanTit{
    bottom: 40px;
    font-size: 42px;
}

.mbx{
    padding: 20px 0;
    font-size: 14px;
}
.mbx a{
    font-size: 14px;
}
.mbx a:hover{
    color: #005672;
}
.aboutContacts{
    padding-top: 90px;
}
.Contacts{
    padding: 20px 0 130px;
}
.attractInvestmentB{
    margin-top: 60px;
}
.attractInvestmentT{
    font-size: 26px;
}
.attractInvestmentList{
    margin-top: 30px;
}
.attractInvestmentItem{
    width: 39.5%;
    margin: 0 20px;
}
.attractInvestmentItem .IndCantactTop{
  
}
.attractInvestmentItem .IndCantactBottomDesc p{
   
}
.BasicInformation{
    padding-top: 70px;
}
.BasicInformationCon{
    margin-top: 70px;
}
.aboutPic{
    width: 49.4%;
    height: 308px;
}
.aboutPic img{

}
.aboutText{
    flex:1;
    height: 308px;
    padding: 50px 50px 0;
}
.aboutTextT{
 
}
.aboutTextT .titH2{

}
.aboutTextP{
   
}
.aboutBusiness{
    padding: 110px 0 100px;
}
.aboutBusinessList{
    margin-top: 40px;
}
.aboutBusinessItem{
    width: 49.6%;
    margin-top: 40px;
}
.aboutBusinessItemPic{
    width: 41%;
    max-width: 264px;
    height: 163px;
}
.aboutBusinessItemPic img{

}
.aboutBusinessItemText{
    height: 163px;
    padding: 0 8% 0;
}
.aboutBusinessItemText p{
    font-size: 16px;
}
.aboutBusinessItemTextIcon{
    left: -38px;
    width: 61px;
    height: 61px;
    border-radius: 8px;
}
.aboutBusinessItemTextIcon span{
    font-size: 38px;
}
.about-more{
    top: -80px;
}
}
@media screen and (max-width:991px ) and ( min-width:768px){
.innerBan{
    height: 436px;
}
.innerBan .ward{

}
.innerBanTit{
    bottom: 40px;
    font-size: 42px;
}

.mbx{
    padding: 20px 0;
    font-size: 14px;
}
.mbx a{
    font-size: 14px;
}
.mbx a:hover{
    color: #005672;
}
.aboutContacts{
    padding-top: 90px;
}
.Contacts{
    padding: 20px 0 130px;
}
.attractInvestmentB{
    margin-top: 60px;
}
.attractInvestmentT{
    font-size: 26px;
}
.attractInvestmentList{
    margin-top: 30px;
}
.attractInvestmentItem{
    width: 47%;
    margin: 0 10px;
}
.attractInvestmentItem .IndCantactTop{
  
}
.attractInvestmentItem .IndCantactBottomDesc p{
   
}
.BasicInformation{
    padding-top: 70px;
}
.BasicInformationCon{
    margin-top: 70px;
}
.aboutPic{
    width: 690px;
    height: 463px;
    margin: 0 auto;
}
.aboutPic img{

}
.aboutText{
    width: 690px;
    height: auto;
    padding: 100px 50px;
    margin: 0 auto;
}
.aboutTextT{
 
}
.aboutTextT .titH2{

}
.aboutTextP{

}
.aboutBusiness{
    padding: 110px 0 100px;
}
.aboutBusinessList{
    margin-top: 40px;
}
.aboutBusinessItem{
    width: 100%;
    margin-top: 40px;
}
.aboutBusinessItemPic{
    width: 41%;
    max-width: 264px;
    height: 227px;
}
.aboutBusinessItemPic img{

}
.aboutBusinessItemText{
    height: 227px;
    padding: 0 8% 0;
}
.aboutBusinessItemText p{
    font-size: 16px;
}
.aboutBusinessItemTextIcon{
    left: -38px;
    width: 76px;
    height: 76px;
    border-radius: 8px;
}
.aboutBusinessItemTextIcon span{
    font-size: 46px;
}

}
@media only screen and (max-width:767px){
.innerBan{
    height: 2rem;
}
.innerBan .ward{

}
.innerBanTit{
    bottom: .3rem;
    font-size: .24rem;
}

.mbx{
    padding: 20px 0;
    font-size: .12rem;
}
.mbx a{
    font-size: .12rem;
}
.mbx a:hover{
    color: #005672;
}
.aboutContacts{
    padding-top: .4rem;
}
.Contacts{
    padding: 20px 0 .5rem;
}
.attractInvestmentB{
    margin-top: .3rem;
}
.attractInvestmentT{
    font-size: .16rem;
}
.attractInvestmentList{
    margin-top: 0;
}
.attractInvestmentItem{
    width: 90%;
    margin-top: 30px;
}
.attractInvestmentItem .IndCantactTop{
  
}
.attractInvestmentItem .IndCantactBottomDesc p{
   
}
.BasicInformation{
    padding-top: .4rem;
}
.BasicInformationCon{
    margin-top: .4rem;
}
.aboutPic{
    width: 100%;
    height: auto;
    margin: 0 auto;
}
.aboutPic img{

}
.aboutText{
    width: 100%;
    height: auto;
    padding: .3rem 4%;
    margin: 0 auto;
}
.aboutTextT{
 
}
.aboutTextT .titH2{

}
.aboutTextP{
   
}
.aboutBusiness{
    padding: .5rem 0 .2rem;
}
.aboutBusinessList{
    margin-top: .4rem;
}
.aboutBusinessItem{
    width: 100%;
    margin-bottom: .3rem;
}
.aboutBusinessItemPic{
    width: 100%;
    max-width: 264px;
    position: relative;
    z-index: 2;
    border-radius: .15rem .15rem 0 .15rem;
    height: 1.2rem;
    left: 8%;
}
.aboutBusinessItemPic img{

}
.aboutBusinessItemText{
    padding: 1rem 8% .3rem;
    width: 100%;
    flex: auto;
    margin-top: -.7rem;
    border-radius: .15rem .15rem 0 .15rem;
}
.aboutBusinessItemText p{
    font-size: 16px;
}
.aboutBusinessItemTextIcon{
    width: .5rem;
    height: .5rem;
    border-radius: 8px;
    left: auto;
    right: 8%;
    top: 0;
    z-index: 3;
}
.aboutBusinessItemTextIcon span{
    font-size: .3rem;
}

}

/*********
青岛动态
**********/
@media  screen and ( min-width:1680px){
.innerTitSection{
    height: 160px;
    padding: 15px 0
}
.innerTitSection h3{
    font-size: 35px;
}
.innerTitSection .mbx{
 
}
.innerTitSection .mbx a:hover{
    text-decoration: underline;
    color: inherit;
}
.newsListB{
    padding: 50px 0 100px;
}
.newsListCon{
    margin-top: 40px;
}

.newsListUL{
    
}
.newsListULItem{
    padding-top: 38px;
    padding-bottom: 48px;
}
.newsListULItemA{

}
.newsListULItemA .picB{
    width: 21%;
    height: 169px;
}
.newsListULItemA .picB img{

}
.newsListULItemA .picB .newTips{
    top:10px;
    left:-10px;
    font-size: 16px;
    padding: 3px 16px 3px 10px;
    border-radius: 4px 20px 20px 4px;
}

.newsListULItemA .picB .bg1:before{
    border-right: 10px solid #ff7e00;
    border-bottom: 10px solid transparent;
    left: 1px;
    bottom:-9px;
}
.newsListULItemA .picB .bg2:before{
    border-right: 10px solid #55a9cc;
    border-bottom: 10px solid transparent;
    left: 1px;
    bottom:-9px;
}
.newsListULItemA .textB{
    padding-left: 3.5%;
    padding-right: 11%;
    max-width: 1085px;
}
.newsBtn{
    padding:65px 10px;
}
.newsBtn span{
    font-size: 20px;
}
.newsBtn:hover{
    background-color: #005376;
    color: #fff
}
.newsTit {
    font-size: 20px;
}
.newsTime {
    margin-top: 5px;
    font-size: 16px;
}
.newsDesc {
    margin-top: 5px;
    font-size: 16px;
    -webkit-line-clamp: 2;
}
.newsDesc:hover {
    text-decoration: underline;
}
.selectBox{
    width: 326px;
    height: 46px;
    line-height: 46px;
    margin-right: 14px;
    border-radius: 6px;
    border: 1px solid #e5e5e5;
}
.inputCase{
    padding: 0 18px;
}
.inputCase input.imitationSelect{
    font-size: 14px;
}
.inputCase i{
    font-size: 20px;
}
.selectUl{
    padding-top: 10px;
    -webkit-box-shadow: 0 5px 30px rgb(0 0 0 / 10%);
    box-shadow: 0 5px 30px rgb(0 0 0 / 10%);
}
.selectUl li{
    border-bottom: 1px solid #eee;
    padding: 10px 5%;
    font-size: 14px;
}
.selectUl li:hover{
    background: #ddd;
}
.selectUl li:last-child{

}

.IndInp{
    width: 328px;
    height: 48px;
    padding: 0 18px;
    border-radius: 6px;
    margin-right: 14px;
}
.IndInp img{
    width: 16px;
    margin-right: 8px;
}
.IndSearchI{
    padding:5px 0;
}
.sub-btn{
    font-size: 14px;
    height: 48px;
    line-height: 48px;
    padding: 0 35px;
    border-radius: 6px;
}
.sub-btn:hover{
    opacity: .7;
}
.loadmore{
    font-size: 16px;
}

}
@media screen and (max-width:1679px ) and ( min-width:1440px){
.innerTitSection{
    height: 160px;
    padding: 15px 0
}
.innerTitSection h3{
    font-size: 32px;
}
.innerTitSection .mbx{
 
}
.innerTitSection .mbx a{
    
}
.innerTitSection .mbx a:hover{
    text-decoration: underline;
    color: inherit;
}
.newsListB{
    padding: 50px 0 100px;
}
.newsListCon{
    margin-top: 40px;
}

.newsListUL{
    
}
.newsListULItem{
    padding-top: 38px;
    padding-bottom: 48px;
}
.newsListULItemA{

}
.newsListULItemA .picB{
    width: 21%;
    height: 157px;
}
.newsListULItemA .picB img{

}
.newsListULItemA .picB .newTips{
    top:10px;
    left:-10px;
    font-size: 14px;
    padding: 3px 16px 3px 10px;
    border-radius: 4px 20px 20px 4px;
}

.newsListULItemA .picB .bg1:before{
    border-right: 10px solid #ff7e00;
    border-bottom: 10px solid transparent;
    left: 1px;
    bottom:-9px;
}
.newsListULItemA .picB .bg2:before{
    border-right: 10px solid #55a9cc;
    border-bottom: 10px solid transparent;
    left: 1px;
    bottom:-9px;
}
.newsListULItemA .textB{
    padding-left: 3.5%;
    padding-right: 11%;
    max-width: 1085px;
}
.newsBtn{
    padding:55px 10px;
}
.newsBtn span{
    font-size: 18px;
}
.newsBtn:hover{
    background-color: #005376;
    color: #fff
}
.newsTit {
    font-size: 18px;
}
.newsTime {
    margin-top: 5px;
    font-size: 15px;
}
.newsDesc {
    margin-top: 5px;
    font-size: 15px;
    -webkit-line-clamp: 2;
}
.newsDesc:hover {
    text-decoration: underline;
}
.selectBox{
    width: 326px;
    height: 46px;
    line-height: 46px;
    margin-right: 14px;
    border-radius: 6px;
    border: 1px solid #e5e5e5;
}
.inputCase{
    padding: 0 18px;
}
.inputCase input.imitationSelect{
    font-size: 14px;
}
.inputCase i{
    font-size: 20px;
}
.selectUl{
    padding-top: 10px;
    -webkit-box-shadow: 0 5px 30px rgb(0 0 0 / 10%);
    box-shadow: 0 5px 30px rgb(0 0 0 / 10%);
}
.selectUl li{
    border-bottom: 1px solid #eee;
    padding: 10px 5%;
    font-size: 14px;
}
.selectUl li:hover{
    background: #ddd;
}
.selectUl li:last-child{

}

.IndInp{
    width: 328px;
    height: 48px;
    padding: 0 18px;
    border-radius: 6px;
    margin-right: 14px;
}
.IndInp img{
    width: 16px;
    margin-right: 8px;
}
.IndSearchI{
    padding:5px 0;
}
.sub-btn{
    font-size: 14px;
    height: 48px;
    line-height: 48px;
    padding: 0 35px;
    border-radius: 6px;
}
.sub-btn:hover{
    opacity: .7;
}
.loadmore{
    font-size: 16px;
}

}
@media screen and (max-width:1439px ) and ( min-width:1280px){
.innerTitSection{
    height: 160px;
    padding: 15px 0
}
.innerTitSection h3{
    font-size: 32px;
}
.innerTitSection .mbx{
 
}
.innerTitSection .mbx a{
    
}
.innerTitSection .mbx a:hover{
    text-decoration: underline;
    color: inherit;
}
.newsListB{
    padding: 50px 0 100px;
}
.newsListCon{
    margin-top: 40px;
}

.newsListUL{
    
}
.newsListULItem{
    padding-top: 38px;
    padding-bottom: 48px;
}
.newsListULItemA{

}
.newsListULItemA .picB{
    width: 21%;
    height: 144px;
}
.newsListULItemA .picB img{

}
.newsListULItemA .picB .newTips{
    top:10px;
    left:-10px;
    font-size: 14px;
    padding: 3px 16px 3px 10px;
    border-radius: 4px 20px 20px 4px;
}

.newsListULItemA .picB .bg1:before{
    border-right: 10px solid #ff7e00;
    border-bottom: 10px solid transparent;
    left: 1px;
    bottom:-9px;
}
.newsListULItemA .picB .bg2:before{
    border-right: 10px solid #55a9cc;
    border-bottom: 10px solid transparent;
    left: 1px;
    bottom:-9px;
}
.newsListULItemA .textB{
    padding-left: 3.5%;
    padding-right: 11%;
    max-width: 1085px;
}
.newsBtn{
    padding:55px 10px;
}
.newsBtn span{
    font-size: 18px;
}
.newsBtn:hover{
    background-color: #005376;
    color: #fff
}
.newsTit {
    font-size: 18px;
}
.newsTime {
    margin-top: 5px;
    font-size: 15px;
}
.newsDesc {
    margin-top: 5px;
    font-size: 15px;
    -webkit-line-clamp: 2;
}
.newsDesc:hover {
    text-decoration: underline;
}
.selectBox{
    width: 326px;
    height: 46px;
    line-height: 46px;
    margin-right: 14px;
    border-radius: 6px;
    border: 1px solid #e5e5e5;
}
.inputCase{
    padding: 0 18px;
}
.inputCase input.imitationSelect{
    font-size: 14px;
}
.inputCase i{
    font-size: 20px;
}
.selectUl{
    padding-top: 10px;
    -webkit-box-shadow: 0 5px 30px rgb(0 0 0 / 10%);
    box-shadow: 0 5px 30px rgb(0 0 0 / 10%);
}
.selectUl li{
    border-bottom: 1px solid #eee;
    padding: 10px 5%;
    font-size: 14px;
}
.selectUl li:hover{
    background: #ddd;
}
.selectUl li:last-child{

}

.IndInp{
    width: 328px;
    height: 48px;
    padding: 0 18px;
    border-radius: 6px;
    margin-right: 14px;
}
.IndInp img{
    width: 16px;
    margin-right: 8px;
}
.IndSearchI{
    padding:5px 0;
}
.sub-btn{
    font-size: 14px;
    height: 48px;
    line-height: 48px;
    padding: 0 35px;
    border-radius: 6px;
}
.sub-btn:hover{
    opacity: .7;
}
.loadmore{
    font-size: 16px;
}

}
@media screen and (max-width:1279px ) and ( min-width:992px){
.innerTitSection{
    height: 160px;
    padding: 15px 0
}
.innerTitSection h3{
    font-size: 32px;
}
.innerTitSection .mbx{
 
}
.innerTitSection .mbx a{
    
}
.innerTitSection .mbx a:hover{
    text-decoration: underline;
    color: inherit;
}
.newsListB{
    padding: 50px 0 100px;
}
.newsListCon{
    margin-top: 40px;
}

.newsListUL{
    
}
.newsListULItem{
    padding-top: 38px;
    padding-bottom: 48px;
}
.newsListULItemA{

}
.newsListULItemA .picB{
    width: 21%;
    height: 121px;
}
.newsListULItemA .picB img{

}
.newsListULItemA .picB .newTips{
    top:10px;
    left:-10px;
    font-size: 14px;
    padding: 3px 16px 3px 10px;
    border-radius: 4px 20px 20px 4px;
}

.newsListULItemA .picB .bg1:before{
    border-right: 10px solid #ff7e00;
    border-bottom: 10px solid transparent;
    left: 1px;
    bottom:-9px;
}
.newsListULItemA .picB .bg2:before{
    border-right: 10px solid #55a9cc;
    border-bottom: 10px solid transparent;
    left: 1px;
    bottom:-9px;
}
.newsListULItemA .textB{
    padding-left: 3.5%;
    padding-right: 11%;
    max-width: 1085px;
}
.newsBtn{
    padding:45px 10px;
}
.newsBtn span{
    font-size: 18px;
}
.newsBtn:hover{
    background-color: #005376;
    color: #fff
}
.newsTit {
    font-size: 18px;
}
.newsTime {
    margin-top: 5px;
    font-size: 15px;
}
.newsDesc {
    margin-top: 5px;
    font-size: 15px;
    -webkit-line-clamp: 2;
}
.newsDesc:hover {
    text-decoration: underline;
}
.selectBox{
    width: 326px;
    height: 46px;
    line-height: 46px;
    margin-right: 14px;
    border-radius: 6px;
    border: 1px solid #e5e5e5;
}
.inputCase{
    padding: 0 18px;
}
.inputCase input.imitationSelect{
    font-size: 14px;
}
.inputCase i{
    font-size: 20px;
}
.selectUl{
    padding-top: 10px;
    -webkit-box-shadow: 0 5px 30px rgb(0 0 0 / 10%);
    box-shadow: 0 5px 30px rgb(0 0 0 / 10%);
}
.selectUl li{
    border-bottom: 1px solid #eee;
    padding: 10px 5%;
    font-size: 14px;
}
.selectUl li:hover{
    background: #ddd;
}
.selectUl li:last-child{

}

.IndInp{
    width: 328px;
    height: 48px;
    padding: 0 18px;
    border-radius: 6px;
    margin-right: 14px;
}
.IndInp img{
    width: 16px;
    margin-right: 8px;
}
.IndSearchI{
    padding:5px 0;
}
.sub-btn{
    font-size: 14px;
    height: 48px;
    line-height: 48px;
    padding: 0 35px;
    border-radius: 6px;
}
.sub-btn:hover{
    opacity: .7;
}
.loadmore{
    font-size: 16px;
}

}
@media screen and (max-width:991px ) and ( min-width:768px){
.innerTitSection{
    height: 160px;
    padding: 15px 0
}
.innerTitSection h3{
    font-size: 32px;
}
.innerTitSection .mbx{
 
}
.innerTitSection .mbx a{
    
}
.innerTitSection .mbx a:hover{
    text-decoration: underline;
    color: inherit;
}
.newsListB{
    padding: 50px 0 100px;
}
.newsListCon{
    margin-top: 40px;
}

.newsListUL{
    
}
.newsListULItem{
    padding-top: 38px;
    padding-bottom: 48px;
}
.newsListULItemA{

}
.newsListULItemA .picB{
    width: 21%;
    height: 90px;
}
.newsListULItemA .picB img{

}
.newsListULItemA .picB .newTips{
    top:10px;
    left:-10px;
    font-size: 12px;
    padding: 3px 16px 3px 10px;
    border-radius: 4px 20px 20px 4px;
}

.newsListULItemA .picB .bg1:before{
    border-right: 10px solid #ff7e00;
    border-bottom: 10px solid transparent;
    left: 1px;
    bottom:-9px;
}
.newsListULItemA .picB .bg2:before{
    border-right: 10px solid #55a9cc;
    border-bottom: 10px solid transparent;
    left: 1px;
    bottom:-9px;
}
.newsListULItemA .textB{
    padding-left: 3.5%;
    padding-right: 11%;
    max-width: 1085px;
    width: 70%;
}
.newsBtn{
    padding: 45px 10px;
}
.newsBtn span{
    font-size: 18px;
}
.newsBtn:hover{
    background-color: #005376;
    color: #fff
}
.newsTit {
    font-size: 18px;
}
.newsTime {
    margin-top: 5px;
    font-size: 15px;
}
.newsDesc {
    margin-top: 5px;
    font-size: 15px;
    -webkit-line-clamp: 2;
}
.newsDesc:hover {
    text-decoration: underline;
}
.selectBox{
    width: 226px;
    height: 46px;
    line-height: 46px;
    margin-right: 14px;
    border-radius: 6px;
    border: 1px solid #e5e5e5;
}
.inputCase{
    padding: 0 18px;
}
.inputCase input.imitationSelect{
    font-size: 14px;
}
.inputCase i{
    font-size: 20px;
}
.selectUl{
    padding-top: 10px;
    -webkit-box-shadow: 0 5px 30px rgb(0 0 0 / 10%);
    box-shadow: 0 5px 30px rgb(0 0 0 / 10%);
}
.selectUl li{
    border-bottom: 1px solid #eee;
    padding: 10px 5%;
    font-size: 14px;
}
.selectUl li:hover{
    background: #ddd;
}
.selectUl li:last-child{

}

.IndInp{
    width: 228px;
    height: 48px;
    padding: 0 18px;
    border-radius: 6px;
    margin-right: 14px;
}
.IndInp img{
    width: 16px;
    margin-right: 8px;
}
.IndSearchI{
    padding:5px 0;
    width: 100%;
}
.sub-btn{
    font-size: 14px;
    height: 48px;
    line-height: 48px;
    padding: 0 35px;
    border-radius: 6px;
}
.sub-btn:hover{
    opacity: .7;
}
.loadmore{
    font-size: 16px;
}

}
@media only screen and (max-width:767px){
.innerTitSection{
    height: 1.2rem;
    padding: 15px 0
}
.innerTitSection h3{
    font-size: .2rem;
}
.innerTitSection .mbx{
 
}
.innerTitSection .mbx a{
    
}
.innerTitSection .mbx a:hover{
    text-decoration: underline;
    color: inherit;
}
.newsListB{
    padding: .4rem 0 .5rem;
}
.newsListCon{
    margin-top: .2rem;
}

.newsListUL{
    
}
.newsListULItem{
    padding-top: .3rem;
    padding-bottom: .3rem;
    border-bottom: 1px solid #e5e5e5;
}
.newsListULItem:last-child{
    border-bottom: none;
}
.newsListULItemA{

}
.newsListULItemA .picB{
    width: 100%;
    height: 1.8rem;
    margin-bottom: .2rem;
}
.newsListULItemA .picB img{

}
.newsListULItemA .picB .newTips{
    top:10px;
    left:-10px;
    font-size: .12rem;
    padding: 3px 16px 3px 10px;
    border-radius: 4px 20px 20px 4px;
}

.newsListULItemA .picB .bg1:before{
    border-right: 10px solid #ff7e00;
    border-bottom: 10px solid transparent;
    left: 1px;
    bottom:-9px;
}
.newsListULItemA .picB .bg2:before{
    border-right: 10px solid #55a9cc;
    border-bottom: 10px solid transparent;
    left: 1px;
    bottom:-9px;
}
.newsListULItemA .textB{
    padding-right: 11%;
    max-width: 1085px;
    width: 70%;
}
.newsBtn{
    padding: .3rem 10px;
    background-color: #005376;
    color: #fff
}
.newsBtn span{
    font-size: 18px;
}
.newsBtn:hover{
    
}
.newsTit {
    font-size: .14rem;
}
.newsTime {
    margin-top: 5px;
    font-size: .11rem;
}
.newsDesc {
    margin-top: 5px;
    font-size: .12rem;
    -webkit-line-clamp: 2;
}
.newsDesc:hover {
    text-decoration: underline;
}
.selectBox{
    width: 100%;
    height: 46px;
    line-height: 46px;
    border-radius: 6px;
    border: 1px solid #e5e5e5;
    margin-bottom: .1rem;
}
.inputCase{
    padding: 0 18px;
}
.inputCase input.imitationSelect{
    font-size: .12rem;
}
.inputCase i{
    font-size: 20px;
}
.selectUl{
    padding-top: 10px;
    -webkit-box-shadow: 0 5px 30px rgb(0 0 0 / 10%);
    box-shadow: 0 5px 30px rgb(0 0 0 / 10%);
}
.selectUl li{
    border-bottom: 1px solid #eee;
    padding: 10px 5%;
    font-size: .12rem;
}
.selectUl li:hover{
    background: #ddd;
}
.selectUl li:last-child{

}

.IndInp{
    width: 100%;
    height: 48px;
    padding: 0 18px;
    border-radius: 6px;
    margin-bottom: .1rem;
}
.IndInp img{
    width: 16px;
    margin-right: 8px;
}
.IndSearchI{
    padding:5px 0;
    width: 100%;
    font-size: .12rem;
}
.btn-wrap{
    width: 100%;
}
.sub-btn{
    font-size: .12rem;
    height: 48px;
    line-height: 48px;
    padding: 0 35px;
    border-radius: 6px;
    width: 100%;
    display: block;
}
.sub-btn:hover{
    opacity: .7;
}
.loadmore{
    font-size: .12rem;
}

}

/**********
青岛动态详情
***********/
@media  screen and ( min-width:1680px){
.newsDetW{
    padding: 50px 0 80px;
}
.innerNewsDet{
    
}
.innerNewsDetL{
    width: 71%;
}
.innerNewsDetLTit{

}
.innerNewsDetLTit h2{
    font-size: 30px;
}

.innerNewsDetLTit p{
    margin-top: 20px;
    font-size: 16px;
}
.innerNewsDetLTit p span{
    margin-right: 10px;
}
.innerNewsDetCon{
    margin-top: 30px;
}
.innerNewsDetCon p{
    font-size: 16px;
}
.innerNewsDetR{
    width: 24%;
    top: 120px;
}

.innerNewsDetR h3{
    font-size: 26px;
}
.sideNewsDet ul li{
    margin-bottom: 40px;
}
.sideNewsDet ul li a{
  
}
.sideNewsDet ul li .imgB{
    height: 194px;
}
.sideNewsDet ul li .imgB img{

}
.sideNewsDet ul li p{
    font-size: 16px;
    -webkit-line-clamp: 2;
}
.sideNewsDet ul li p:hover{
    text-decoration: underline;
}
.sideNewsDet ul li span{
    font-size: 14px;
}

.UAD{
 
}
.UAD a{
 
}
.UAD a span{
 
}
.UAD a:hover{

}

.UAD{
  margin-top: 40px;
}
.UAD a{
  padding: 4px 0;
  font-size: 16px;
}
.UAD a span{
  
}
.UAD a:hover{
  color: #005376;
}

}
@media screen and (max-width:1679px ) and ( min-width:1440px){
.newsDetW{
    padding: 50px 0 80px;
}
.innerNewsDet{
    
}
.innerNewsDetL{
    width: 71%;
}
.innerNewsDetLTit{

}
.innerNewsDetLTit h2{
    font-size: 28px;
}

.innerNewsDetLTit p{
    margin-top: 20px;
    font-size: 15px;
}
.innerNewsDetLTit p span{
    margin-right: 10px;
}
.innerNewsDetCon{
    margin-top: 30px;
}
.innerNewsDetCon p{
    font-size: 15px;
}
.innerNewsDetR{
    width: 24%;
    top: 120px;
}

.innerNewsDetR h3{
    font-size: 24px;
}
.sideNewsDet ul li{
    margin-bottom: 40px;
}
.sideNewsDet ul li a{
  
}
.sideNewsDet ul li .imgB{
    height: 179px;
}
.sideNewsDet ul li .imgB img{

}
.sideNewsDet ul li p{
    font-size: 15px;
    -webkit-line-clamp: 2;
}
.sideNewsDet ul li p:hover{
    text-decoration: underline;
}
.sideNewsDet ul li span{
    font-size: 14px;
}

.UAD{
 
}
.UAD a{
 
}
.UAD a span{
 
}
.UAD a:hover{

}

.UAD{
  margin-top: 40px;
}
.UAD a{
  padding: 4px 0;
  font-size: 15px;
}
.UAD a span{
  
}
.UAD a:hover{
  color: #005376;
}

}
@media screen and (max-width:1439px ) and ( min-width:1280px){
.newsDetW{
    padding: 50px 0 80px;
}
.innerNewsDet{
    
}
.innerNewsDetL{
    width: 71%;
}
.innerNewsDetLTit{

}
.innerNewsDetLTit h2{
    font-size: 28px;
}

.innerNewsDetLTit p{
    margin-top: 20px;
    font-size: 15px;
}
.innerNewsDetLTit p span{
    margin-right: 10px;
}
.innerNewsDetCon{
    margin-top: 30px;
}
.innerNewsDetCon p{
    font-size: 15px;
}
.innerNewsDetR{
    width: 24%;
    top: 120px;
}

.innerNewsDetR h3{
    font-size: 24px;
}
.sideNewsDet ul li{
    margin-bottom: 40px;
}
.sideNewsDet ul li a{
  
}
.sideNewsDet ul li .imgB{
    height: 164px;
}
.sideNewsDet ul li .imgB img{

}
.sideNewsDet ul li p{
    font-size: 15px;
    -webkit-line-clamp: 2;
}
.sideNewsDet ul li p:hover{
    text-decoration: underline;
}
.sideNewsDet ul li span{
    font-size: 14px;
}

.UAD{
 
}
.UAD a{
 
}
.UAD a span{
 
}
.UAD a:hover{

}

.UAD{
  margin-top: 40px;
}
.UAD a{
  padding: 4px 0;
  font-size: 15px;
}
.UAD a span{
  
}
.UAD a:hover{
  color: #005376;
}

}
@media screen and (max-width:1279px ) and ( min-width:992px){
.newsDetW{
    padding: 50px 0 80px;
}
.innerNewsDet{
    
}
.innerNewsDetL{
    width: 71%;
}
.innerNewsDetLTit{

}
.innerNewsDetLTit h2{
    font-size: 28px;
}

.innerNewsDetLTit p{
    margin-top: 20px;
    font-size: 15px;
}
.innerNewsDetLTit p span{
    margin-right: 10px;
}
.innerNewsDetCon{
    margin-top: 30px;
}
.innerNewsDetCon p{
    font-size: 15px;
}
.innerNewsDetR{
    width: 24%;
    top: 120px;
}

.innerNewsDetR h3{
    font-size: 24px;
}
.sideNewsDet ul li{
    margin-bottom: 40px;
}
.sideNewsDet ul li a{
  
}
.sideNewsDet ul li .imgB{
    height: 139px;
}
.sideNewsDet ul li .imgB img{

}
.sideNewsDet ul li p{
    font-size: 15px;
    -webkit-line-clamp: 2;
}
.sideNewsDet ul li p:hover{
    text-decoration: underline;
}
.sideNewsDet ul li span{
    font-size: 14px;
}

.UAD{
 
}
.UAD a{
 
}
.UAD a span{
 
}
.UAD a:hover{

}

.UAD{
  margin-top: 40px;
}
.UAD a{
  padding: 4px 0;
  font-size: 15px;
}
.UAD a span{
  
}
.UAD a:hover{
  color: #005376;
}

}
@media screen and (max-width:991px ) and ( min-width:768px){
.newsDetW{
    padding: 50px 0 80px;
}
.innerNewsDet{
    
}
.innerNewsDetL{
    width: 71%;
}
.innerNewsDetLTit{

}
.innerNewsDetLTit h2{
    font-size: 28px;
}

.innerNewsDetLTit p{
    margin-top: 20px;
    font-size: 15px;
}
.innerNewsDetLTit p span{
    margin-right: 10px;
}
.innerNewsDetCon{
    margin-top: 30px;
}
.innerNewsDetCon p{
    font-size: 15px;
}
.innerNewsDetR{
    width: 24%;
    top: 120px;
}

.innerNewsDetR h3{
    font-size: 24px;
}
.sideNewsDet ul li{
    margin-bottom: 40px;
}
.sideNewsDet ul li a{
  
}
.sideNewsDet ul li .imgB{
    height: 103px;
}
.sideNewsDet ul li .imgB img{

}
.sideNewsDet ul li p{
    font-size: 15px;
    -webkit-line-clamp: 2;
}
.sideNewsDet ul li p:hover{
    text-decoration: underline;
}
.sideNewsDet ul li span{
    font-size: 14px;
}

.UAD{
 
}
.UAD a{
 
}
.UAD a span{
 
}
.UAD a:hover{

}

.UAD{
  margin-top: 40px;
}
.UAD a{
  padding: 4px 0;
  font-size: 15px;
}
.UAD a span{
  
}
.UAD a:hover{
  color: #005376;
}

}
@media only screen and (max-width:767px){
.newsDetW{
    padding: .4rem 0 .5rem;
}
.innerNewsDet{
    
}
.innerNewsDetL{
    width: 100%;
    border-bottom: 0.01rem solid #e5e5e5;
    padding-bottom: 0.2rem;
}
.innerNewsDetLTit{

}
.innerNewsDetLTit h2{
    font-size: .18rem;
}

.innerNewsDetLTit p{
    margin-top: 20px;
    font-size: .12rem;
}
.innerNewsDetLTit p span{
    margin-right: 10px;
}
.innerNewsDetCon{
    margin-top: 30px;
}
.innerNewsDetCon p{
    font-size: .12rem;
}
.innerNewsDetR{
    width: 100%;
    position: static;
    margin-top: 0.2rem;
}

.innerNewsDetR h3{
    font-size: .16rem;
}
.sideNewsDet ul li{
    margin-bottom: 40px;
}
.sideNewsDet ul li a{
  
}
.sideNewsDet ul li .imgB{
    height: 1.8rem;
}
.sideNewsDet ul li .imgB img{

}
.sideNewsDet ul li p{
    font-size: .12rem;
    -webkit-line-clamp: 2;
}
.sideNewsDet ul li p:hover{
    text-decoration: underline;
}
.sideNewsDet ul li span{
    font-size: .11rem;
}

.UAD{
 
}
.UAD a{
 
}
.UAD a span{
 
}
.UAD a:hover{

}

.UAD{
  margin-top: 40px;
}
.UAD a{
  padding: 4px 0;
  font-size: .12rem;
}
.UAD a span{
  flex: 1;
}
.UAD a:hover{
  color: #005376;
}

}

/********
优势
**********/
@media  screen and ( min-width:1680px){
.advantageBtnW{
    margin-top:50px;
}
.advantageBtn{
    font-size: 16px;
    height: 48px;
    line-height: 48px;
    padding: 0 35px;
    border-radius: 6px;
    margin: 0 20px;
}
.advantageB{
    
}
.advantageDesc{
    padding-top: 15px;
}
.advantageTit{
    font-size: 30px;
}
.advantageText{
    margin-top: 30px;
}
.advantageText p{
    font-size: 18px;
}
.advantageText h3{
    font-size: 20px;
    font-weight: 600;
}
.advantagePic1W{
    margin-top: 60px;
}
.advantagePic1W p{
   font-size: 16px;
   padding:5px 0;
}
.advantagePic1{
    margin: 0 auto;
    width: 48.2%;
    max-width: 626px;
    /*height: 397px;*/
}
.advantagePic1 img{

}
.advantagePic2{
    margin: 70px auto 0;
    width: 80%;
}

}
@media screen and (max-width:1679px ) and ( min-width:1440px){
.advantageBtnW{
    margin-top:50px;
}
.advantageBtn{
    font-size: 16px;
    height: 48px;
    line-height: 48px;
    padding: 0 35px;
    border-radius: 6px;
    margin: 0 20px;
}
.advantageB{
    
}
.advantageDesc{
    padding-top: 15px;
}
.advantageTit{
    font-size: 28px;
}
.advantageText{
    margin-top: 30px;
}
.advantageText p{
    font-size: 16px;
}
.advantagePic1W{
    margin-top: 60px;
}
.advantagePic1W p{
   font-size: 15px;
   padding:5px 0;
}
.advantagePic1{
    margin:0 auto;
    width: 48.2%;
    max-width: 626px;
    /*height: 367px;*/
}
.advantagePic1 img{

}
.advantagePic2{
    margin: 70px auto 0;
    width: 80%;
}

}
@media screen and (max-width:1439px ) and ( min-width:1280px){
.advantageBtnW{
    margin-top:50px;
}
.advantageBtn{
    font-size: 16px;
    height: 48px;
    line-height: 48px;
    padding: 0 35px;
    border-radius: 6px;
    margin: 0 20px;
}
.advantageB{
    
}
.advantageDesc{
    padding-top: 15px;
}
.advantageTit{
    font-size: 28px;
}
.advantageText{
    margin-top: 30px;
}
.advantageText p{
    font-size: 16px;
}
.advantagePic1W{
    margin-top: 60px;
}
.advantagePic1W p{
   font-size: 14px;
   padding:5px 0;
}
.advantagePic1{
    margin: 0 auto;
    width: 48.2%;
    max-width: 626px;
    /*height: 336px;*/
}
.advantagePic1 img{

}
.advantagePic2{
    margin: 70px auto 0;
    width: 80%;
}

}
@media screen and (max-width:1279px ) and ( min-width:992px){
.advantageBtnW{
    margin-top:50px;
}
.advantageBtn{
    font-size: 16px;
    height: 48px;
    line-height: 48px;
    padding: 0 35px;
    border-radius: 6px;
    margin: 0 20px;
}
.advantageB{
    
}
.advantageDesc{
    padding-top: 15px;
}
.advantageTit{
    font-size: 28px;
}
.advantageText{
    margin-top: 30px;
}
.advantageText p{
    font-size: 16px;
}
.advantagePic1W{
    margin-top: 60px;
}
.advantagePic1W p{
   font-size: 14px;
   padding:5px 0;
}
.advantagePic1{
    margin: 0 auto;
    width: 48.2%;
    max-width: 626px;
    /*height: 284px;*/
}
.advantagePic1 img{

}
.advantagePic2{
    margin: 70px auto 0;
    width: 80%;
}

}
@media screen and (max-width:991px ) and ( min-width:768px){
.advantageBtnW{
    margin-top:40px;
}
.advantageBtn{
    font-size: 14px;
    height: 38px;
    line-height: 38px;
    padding: 0 25px;
    border-radius: 6px;
    margin: 0 15px;
}
.advantageB{
    
}
.advantageDesc{
    padding-top: 15px;
}
.advantageTit{
    font-size: 28px;
}
.advantageText{
    margin-top: 30px;
}
.advantageText p{
    font-size: 16px;
}
.advantagePic1W{
    margin-top: 60px;
}
.advantagePic1W p{
   font-size: 14px;
   padding:5px 0;
}
.advantagePic1{
    margin: 0 auto;
    width: 48.2%;
    max-width: 626px;
    /*height: 211px;*/
}
.advantagePic1 img{

}
.advantagePic2{
    margin: 70px auto 0;
    width: 80%;
}

}
@media only screen and (max-width:767px){
.advantageBtnW{
    margin-top:40px;
}
.advantageBtn{
    font-size: .12rem;
    height: .3rem;
    line-height: .3rem;
    padding: 0 .15rem;
    border-radius: 6px;
    margin: 0 .1rem;
}
.advantageB{
    
}
.advantageDesc{
    padding-top: 15px;
}
.advantageTit{
    font-size: .18rem;
}
.advantageText{
    margin-top: .2rem;
}
.advantageText p{
    font-size: .12rem;
}
.advantagePic1W{
    margin-top: 60px;
}
.advantagePic1W p{
   font-size: .11rem;
   padding:5px 0;
}
.advantagePic1{
    margin: 0 auto;
    width: 70%;
    max-width: 626px;
    /*height: 1.31rem;*/
}
.advantagePic1 img{

}
.advantagePic2{
    margin: 70px auto 0;
    width: 100%;
}

}

/********
联系方式
**********/
@media  screen and ( min-width:1680px){
.contactInfoB{
    padding: 100px 0;
}
.contactFormWrap{
    width: 49%;
}
.contactTit{
    font-size: 26px;
    margin-bottom: 20px;
}
.contactForm{
    
}
.contactFormItem{
    margin-bottom: 22px;
}
.contactFormItem input,.contactFormItem textarea{
    width: 100%;
    border: 1px solid #e5e5e5;
    font-size: 18px;
    padding: 22px;
    border-radius: 6px;
    box-shadow: 0rem 0rem 15px rgba(30, 34, 40, 0.04);
}
.form-floating>label {
    font-size: 18px;
    padding: 22px;
    border: 1px solid transparent;
}
.form-floating>label span{
    margin-right: 2px;
}
.contactFormItem textarea{
    min-height: 165px;
    max-height: 165px;
}

.form-floating>.form-control:focus~label, .form-floating>.form-control:not(:placeholder-shown)~label{
    opacity: 1;
    transform: scale(0.8) translateY(-10px) translateX(0);
}
.form-floating>.form-control:focus, .form-floating>.form-control:not(:placeholder-shown){
    padding-top: 32px;
    padding-bottom: 12px;
    border:1px solid #005376;
}
.contactFormBtn{
    font-size: 20px;
    padding: 20px 80px;
    border-radius: 4px;
}
.contactInfoR{
    width: 48%;
}
.contactInfoRTop{
    padding: 34px;
    margin-bottom:20px;
}
.contactInfoRTop .item{
    margin:13px 0;
    padding: 24px 26px;
}
.contactInfoRTop img{
    margin-right: 12px;
    width: 30px;
}
.contactInfoRTop p{
    font-size: 20px;
}
.contactInfoRTop .item1{

}
.contactInfoRTop .item2{
   
}
.contactInfoRTop .item3{

}
.contactInfoRBottom{
    padding: 34px;
    margin-top: 15px;
}
.contactInfoRBottom .selectBox{
    height: 62px;
    line-height: 62px;
}
.contactInfoRBottom .inputCase{
    padding: 0 28px;
}
.contactInfoRBottom .inputCase input.imitationSelect{
    font-size: 20px;
}
.contactArea{
    margin-top: 20px;
}
.contactArea h3{
    font-size: 22px;
}
.contactAreaItemText{
    margin-top: 10px;
}
.contactAreaItemTextG{
    font-size: 14px;
    padding: 2px 0;
}
.contactAreaItemText2{
    margin-top: 20px;
}
.contactAreaItemTextTime{
    margin-top: 5px;
}
.contactAreaItemTextTime span{
    width: 100%;
    padding: 2px 0;
}
.contactInfoRBottom .selectUl{
    max-height: 300px;
} 
.contactInfoRBottom .selectUl li{
    font-size: 18px;
}

}
@media screen and (max-width:1679px ) and ( min-width:1440px){
.contactInfoB{
    padding: 100px 0;
}
.contactFormWrap{
    width: 49%;
}
.contactTit{
    font-size: 24px;
    margin-bottom: 20px;
}
.contactForm{
    
}
.contactFormItem{
    margin-bottom: 22px;
}
.contactFormItem input,.contactFormItem textarea{
    width: 100%;
    border: 1px solid #e5e5e5;
    font-size: 16px;
    padding: 22px;
    border-radius: 6px;
    box-shadow: 0rem 0rem 15px rgba(30, 34, 40, 0.04);
}
.form-floating>label {
    font-size: 16px;
    padding: 22px;
    border: 1px solid transparent;
}
.form-floating>label span{
    margin-right: 2px;
}
.contactFormItem textarea{
    min-height: 165px;
    max-height: 165px;
}
.form-floating>.form-control:focus~label, .form-floating>.form-control:not(:placeholder-shown)~label{
    opacity: 1;
    transform: scale(0.8) translateY(-10px) translateX(0);
}
.form-floating>.form-control:focus, .form-floating>.form-control:not(:placeholder-shown){
    padding-top: 32px;
    padding-bottom: 12px;
    border:1px solid #005376;
}
.contactFormBtn{
    font-size: 18px;
    padding: 20px 80px;
    border-radius: 4px;
}
.contactInfoR{
    width: 48%;
}
.contactInfoRTop{
    padding: 34px;
    margin-bottom:20px;
}
.contactInfoRTop .item{
    margin:13px 0;
    padding: 24px 26px;
}
.contactInfoRTop img{
    margin-right: 12px;
    width: 30px;
}
.contactInfoRTop p{
    font-size: 18px;
}
.contactInfoRTop .item1{

}
.contactInfoRTop .item2{
   
}
.contactInfoRTop .item3{

}
.contactInfoRBottom{
    padding: 28px 34px;
    margin-top: 15px;
}
.contactInfoRBottom .selectBox{
    height: 62px;
    line-height: 62px;
}
.contactInfoRBottom .inputCase{
    padding: 0 28px;
}
.contactInfoRBottom .inputCase input.imitationSelect{
    font-size: 18px;
}
.contactArea{
    margin-top: 20px;
}
.contactArea h3{
    font-size: 20px;
}
.contactAreaItemText{
    margin-top: 10px;
}
.contactAreaItemTextG{
    font-size: 14px;
    padding: 2px 0;
}
.contactAreaItemText2{
    margin-top: 20px;
}
.contactAreaItemTextTime{
    margin-top: 5px;
}
.contactAreaItemTextTime span{
    width: 100%;
    padding: 2px 0;
}
.contactInfoRBottom .selectUl{
    max-height: 300px;
} 
.contactInfoRBottom .selectUl li{
    font-size: 16px;
}

}
@media screen and (max-width:1439px ) and ( min-width:1280px){
.contactInfoB{
    padding: 100px 0;
}
.contactFormWrap{
    width: 49%;
}
.contactTit{
    font-size: 22px;
    margin-bottom: 20px;
}
.contactForm{
    
}
.contactFormItem{
    margin-bottom: 22px;
}
.contactFormItem input,.contactFormItem textarea{
    width: 100%;
    border: 1px solid #e5e5e5;
    font-size: 16px;
    padding: 22px;
    border-radius: 6px;
    box-shadow: 0rem 0rem 15px rgba(30, 34, 40, 0.04);
}
.form-floating>label {
    font-size: 16px;
    padding: 22px;
    border: 1px solid transparent;
}
.form-floating>label span{
    margin-right: 2px;
}
.contactFormItem textarea{
    min-height: 165px;
    max-height: 165px;
}
.form-floating>.form-control:focus~label, .form-floating>.form-control:not(:placeholder-shown)~label{
    opacity: 1;
    transform: scale(0.8) translateY(-10px) translateX(0);
}
.form-floating>.form-control:focus, .form-floating>.form-control:not(:placeholder-shown){
    padding-top: 32px;
    padding-bottom: 12px;
    border:1px solid #005376;
}
.contactFormBtn{
    font-size: 16px;
    padding: 20px 80px;
    border-radius: 4px;
}
.contactInfoR{
    width: 48%;
}
.contactInfoRTop{
    padding: 34px;
    margin-bottom:20px;
}
.contactInfoRTop .item{
    margin:13px 0;
    padding: 20px 22px;
}
.contactInfoRTop img{
    margin-right: 12px;
    width: 30px;
}
.contactInfoRTop p{
    font-size: 18px;
}
.contactInfoRTop .item1{

}
.contactInfoRTop .item2{
   
}
.contactInfoRTop .item3{

}
.contactInfoRBottom{
    padding: 28px 34px;
    margin-top: 15px;
    height: 280px;
}
.contactInfoRBottom .selectBox{
    height: 62px;
    line-height: 62px;
}
.contactInfoRBottom .inputCase{
    padding: 0 28px;
}
.contactInfoRBottom .inputCase input.imitationSelect{
    font-size: 18px;
}
.contactArea{
    margin-top: 20px;
}
.contactArea h3{
    font-size: 20px;
}
.contactAreaItemText{
    margin-top: 10px;
}
.contactAreaItemTextG{
    font-size: 14px;
    padding: 2px 0;
}
.contactAreaItemText2{
    margin-top: 20px;
}
.contactAreaItemTextTime{
    margin-top: 5px;
}
.contactAreaItemTextTime span{
    width: 100%;
    padding: 2px 0;
}
.contactInfoRBottom .selectUl{
    max-height: 300px;
} 
.contactInfoRBottom .selectUl li{
    font-size: 16px;
}

}
@media screen and (max-width:1279px ) and ( min-width:992px){
.contactInfoB{
    padding: 100px 0;
}
.contactFormWrap{
    width: 49%;
}
.contactTit{
    font-size: 22px;
    margin-bottom: 20px;
}
.contactForm{
    
}
.contactFormItem{
    margin-bottom: 22px;
}
.contactFormItem input,.contactFormItem textarea{
    width: 100%;
    border: 1px solid #e5e5e5;
    font-size: 16px;
    padding: 22px;
    border-radius: 6px;
    box-shadow: 0rem 0rem 15px rgba(30, 34, 40, 0.04);
}
.form-floating>label {
    font-size: 16px;
    padding: 22px;
    border: 1px solid transparent;
}
.form-floating>label span{
    margin-right: 2px;
}
.contactFormItem textarea{
    min-height: 165px;
    max-height: 165px;
}
.form-floating>.form-control:focus~label, .form-floating>.form-control:not(:placeholder-shown)~label{
    opacity: 1;
    transform: scale(0.8) translateY(-10px) translateX(0);
}
.form-floating>.form-control:focus, .form-floating>.form-control:not(:placeholder-shown){
    padding-top: 32px;
    padding-bottom: 12px;
    border:1px solid #005376;
}
.contactFormBtn{
    font-size: 16px;
    padding: 20px 80px;
    border-radius: 4px;
}
.contactInfoR{
    width: 48%;
}
.contactInfoRTop{
    padding: 34px;
    margin-bottom:20px;
}
.contactInfoRTop .item{
    margin:13px 0;
    padding: 20px 22px;
}
.contactInfoRTop img{
    margin-right: 12px;
    width: 30px;
}
.contactInfoRTop p{
    font-size: 18px;
}
.contactInfoRTop .item1{

}
.contactInfoRTop .item2{
   
}
.contactInfoRTop .item3{

}
.contactInfoRBottom{
    padding: 34px;
    margin-top: 15px;
    height: 280px;
}
.contactInfoRBottom .selectBox{
    height: 62px;
    line-height: 62px;
}
.contactInfoRBottom .inputCase{
    padding: 0 28px;
}
.contactInfoRBottom .inputCase input.imitationSelect{
    font-size: 18px;
}
.contactArea{
    margin-top: 20px;
}
.contactArea h3{
    font-size: 20px;
}
.contactAreaItemText{
    margin-top: 10px;
}
.contactAreaItemTextG{
    font-size: 14px;
    padding: 2px 0;
}
.contactAreaItemText2{
    margin-top: 20px;
}
.contactAreaItemTextTime{
    margin-top: 5px;
}
.contactAreaItemTextTime span{
    width: 100%;
    padding: 2px 0;
}
.contactInfoRBottom .selectUl{
    max-height: 300px;
} 
.contactInfoRBottom .selectUl li{
    font-size: 16px;
}

}
@media screen and (max-width:991px ) and ( min-width:768px){
.contactInfoB{
    padding: 50px 0;
}
.contactInfoB .ward{
    flex-direction: column-reverse;
}
.contactFormWrap{
    width: 100%;
    margin-top: 50px;
}
.contactTit{
    font-size: 22px;
    margin-bottom: 20px;
}
.contactForm{
    
}
.contactFormItem{
    margin-bottom: 22px;
}
.contactFormItem input,.contactFormItem textarea{
    width: 100%;
    border: 1px solid #e5e5e5;
    font-size: 16px;
    padding: 22px;
    border-radius: 6px;
    box-shadow: 0rem 0rem 15px rgba(30, 34, 40, 0.04);
}
.form-floating>label {
    font-size: 16px;
    padding: 22px;
    border: 1px solid transparent;
}
.form-floating>label span{
    margin-right: 2px;
}
.contactFormItem textarea{
    min-height: 165px;
    max-height: 165px;
}
.form-floating>.form-control:focus~label, .form-floating>.form-control:not(:placeholder-shown)~label{
    opacity: 1;
    transform: scale(0.8) translateY(-10px) translateX(0);
}
.form-floating>.form-control:focus, .form-floating>.form-control:not(:placeholder-shown){
    padding-top: 32px;
    padding-bottom: 12px;
    border:1px solid #005376;
}
.contactFormBtn{
    font-size: 16px;
    padding: 20px 80px;
    border-radius: 4px;
}
.contactInfoR{
    width: 100%;
}
.contactInfoRTop{
    padding: 34px;
    margin-bottom:20px;
}
.contactInfoRTop .item{
    margin:13px 0;
    padding: 20px 22px;
}
.contactInfoRTop img{
    margin-right: 12px;
    width: 30px;
}
.contactInfoRTop p{
    font-size: 18px;
}
.contactInfoRTop .item1{

}
.contactInfoRTop .item2{
   
}
.contactInfoRTop .item3{

}
.contactInfoRBottom{
    padding: 34px;
    margin-top: 15px;
}
.contactInfoRBottom .selectBox{
    height: 62px;
    line-height: 62px;
}
.contactInfoRBottom .inputCase{
    padding: 0 28px;
}
.contactInfoRBottom .inputCase input.imitationSelect{
    font-size: 18px;
}
.contactArea{
    margin-top: 20px;
}
.contactArea h3{
    font-size: 20px;
}
.contactAreaItemText{
    margin-top: 20px;
}
.contactAreaItemTextG{
    font-size: 16px;
    padding: 4px 0;
}
.contactAreaItemText2{
    margin-top: 20px;
}
.contactAreaItemTextTime{
    margin-top: 5px;
}
.contactAreaItemTextTime span{
    width: 100%;
    padding: 2px 0;
}
.contactInfoRBottom .selectUl{
    max-height: 300px;
} 
.contactInfoRBottom .selectUl li{
    font-size: 16px;
}

}
@media only screen and (max-width:767px){
.contactInfoB{
    padding: .3rem 0 .5rem;
}
.contactInfoB .ward{
    flex-direction: column-reverse;
}
.contactFormWrap{
    width: 100%;
    margin-top: .3rem;
}
.contactTit{
    font-size: .18rem;
    margin-bottom: 20px;
}
.contactForm{
    
}
.contactFormItem{
    margin-bottom: 22px;
}
.contactFormItem input,.contactFormItem textarea{
    width: 100%;
    border: 1px solid #e5e5e5;
    font-size: .12rem;
    padding: .15rem;
    border-radius: 6px;
    box-shadow: 0rem 0rem 15px rgba(30, 34, 40, 0.04);
}
.form-floating>label {
    font-size: .12rem;
    padding: .15rem;
    border: 1px solid transparent;
}
.form-floating>label span{
    margin-right: 2px;
}
.contactFormItem textarea{
    min-height: 165px;
    max-height: 165px;
}
.form-floating>.form-control:focus~label, .form-floating>.form-control:not(:placeholder-shown)~label{
    opacity: 1;
    transform: scale(0.8) translateY(-10px) translateX(0);
}
.form-floating>.form-control:focus, .form-floating>.form-control:not(:placeholder-shown){
    padding-top: .2rem;
    padding-bottom: .1rem;
    border:1px solid #005376;
}

.contactFormBtn{
    font-size: .12rem;
    padding: .14rem.18rem;
    border-radius: 4px;
    width: 100%;
}
.contactInfoR{
    width: 100%;
}
.contactInfoRTop{
    padding: .15rem;
    margin-bottom:.2rem;
}
.contactInfoRTop .item{
    margin: .1rem 0;
    padding: .1rem .15rem;
}
.contactInfoRTop img{
    margin-right: 12px;
    width: 30px;
}
.contactInfoRTop p{
    font-size: .14rem;
}
.contactInfoRTop .item1{

}
.contactInfoRTop .item2{
   
}
.contactInfoRTop .item3{

}
.contactInfoRBottom{
    padding: .15rem;
    margin-top: 15px;
}
.contactInfoRBottom .selectBox{
    height: .4rem;
    line-height: .4rem;
}
.contactInfoRBottom .inputCase{
    padding: 0 .15rem;
}
.contactInfoRBottom .inputCase input.imitationSelect{
    font-size: .14rem;
}
.contactArea{
    margin-top: 20px;
}
.contactArea h3{
    font-size: .16rem;
}
.contactAreaItemText{
    margin-top: 20px;
}
.contactAreaItemTextG{
    font-size: .12rem;
    padding: 4px 0;
}
.contactAreaItemText2{
    margin-top: 20px;
}
.contactAreaItemTextTime{
    margin-top: 5px;
}
.contactAreaItemTextTime span{
    width: 100%;
    padding: 3px 0;
}
.contactInfoRBottom .selectUl{
    max-height: 300px;
} 
.contactInfoRBottom .selectUl li{
    font-size: .13rem;
}
.contactFormBtnW{
    width: 100%;
}


}

/********
投资青岛
*********/
@media  screen and ( min-width:1680px){
.InvestingQingdaoTen{
    padding: 60px 0 65px;
}
.InvestingQingdaoFuntionB{
    padding: 60px 0;
}
.InvestingQingdaoFuntionC{
    margin-top: 50px;
}
.tab-head {
    font-size: 18px;
}
.tab-head-item {
    padding: 10px 29px;
    border-radius: 50px;
}
.tab-head-item.active,.tab-head-item:hover {
    background-color: #005376;
    color: #fff;
}
.InvestingQingdaoFuntionList{
    margin-top: 40px;
    
}
.InvestingQingdaoFuntionLeft{
    width: 51.62%;
    max-width: 640px;
    height: 689px;
    border-radius: 10px;
}
.InvestingQingdaoFuntionLeft img{

}
.InvestingQingdaoFuntionLeftT{
    border-radius: 510px 510px 0 0;
    width: 510px;
    height: 255px;
    bottom: -75px;
}
.InvestingQingdaoFuntionLeftT p:first-child{
    font-size: 40px;
    top: 50px;
}
.InvestingQingdaoFuntionLeftT p:last-child{
    font-size: 56px;
    top: 70px;
}
.InvestingQingdaoFuntionRightW{
    width: 47%;
    padding-top: 80px;
}
.InvestingQingdaoFuntionRight{
    padding: 90px 22px 60px;
}
.newsName {
    top: 22px;
    padding: 5px 23px;
    border-radius: 0 30px 30px 0;
    font-size: 26px;
}
.newMap{
    width: 46%;
    height: 790px;
}
.newMapBlock{

}
.newMapBlock p{
    font-size: 16px;
}
.pingd{
    width: 53.35%;
    max-width: 319px;
    top: 50px;
    left: 0;
}
.laix{
    width: 31.3%;
    max-width: 187px;
    top: 0;
    right: 23.4%;
}
.jim{
    width: 57.6%;
    max-width: 344px;
    top: 260px;
    right: 2%;
}
.jim p{
    right: 20%;
}
.jiaoz{
    width: 39.64%;
    max-width: 237px;
    top: 325px;
    left: 6.7%;
}
.jiaoz p{
    left: 20%;
}
.chengy{
    width: 32.95%;
    max-width: 197px;
    top: 380px;
    left: 38.5%;
}
.chengy p{
    right: 20%;
}
.lic{
    width: 11.54%;
    max-width: 69px;
    top: 455px;
    left: 55.2%;
}
.laos{
    width: 20.91%;
    max-width: 125px;
    top: 406px;
    right: 19.4%;
}
.laos p{
    left: 20%;
    top: 55%;
}
.shib{
    width: 8.87%;
    max-width: 53px;
    top: 496px;
    right: 38.5%;
}
.shin{
    width: 10.4%;
    max-width: 62px;
    top: 528px;
    right: 38.8%;
}
.shin p{
    top: 110%;
    transform: translateX(20px);
}
.huangd{
    width: 54.52%;;
    max-width: 326px;
    top: 505px;
    left: -1%;
}
.InvestingQingdaoFuntionRightT{

}
.InvestingQingdaoFuntionRightT .logoS{
    height: 72px;
}
.InvestingQingdaoFuntionRightT .logoS img{
    margin-right: 18px;
}
.InvestingQingdaoFuntionRightT .textB{
 
}
.InvestingQingdaoFuntionRightT .textB h2{
    font-size: 26px;
}
.InvestingQingdaoFuntionRightT .textB .telWrap{
    margin-top: 10px;
}
.InvestingQingdaoFuntionRightT .textB .telWrap .tetIcon{
    width: 20px;
    height: 20px;
    border: 1px solid #005376;
    line-height: 18px;
}
.InvestingQingdaoFuntionRightT .textB .telWrap .tetIcon span{
    font-size: 18px;
}
.InvestingQingdaoFuntionRightT .textB .telWrap p{
    margin-left: 7px;
    font-size: 16px;
}
.InvestingQingdaoFuntionRightBottom{
    margin-top: 50px;
    max-height: 400px;
    overflow: auto;
}
.InvestingQingdaoFuntionRightBottom .item{
    margin-top: 20px;
}
.InvestingQingdaoFuntionRightBottom .item h3{
    font-size: 20px;
}
.InvestingQingdaoFuntionRightBottom .item p{
    margin-top: 10px;
    font-size: 16px;
}
.InvestmentGuideB{
    padding-top: 70px;
}
.InvestmentGuideC{
    padding: 30px 0;
}
.InvestmentGuideC p{
    font-size: 20px;
}
.InvestmentGuidePic{
    width: 80%;
    margin: 30px auto 0;
}
.pdfBtnWrap{
    padding: 65px 0 100px;
}
.pdfBtn{
    margin: 0 25px;
    border-radius: 6px;
    height: 240px;
    width: 16%;
}

}
@media screen and (max-width:1679px ) and ( min-width:1440px){
.InvestingQingdaoTen{
    padding: 60px 0 65px;
}
.InvestingQingdaoFuntionB{
    padding: 60px 0;
}
.InvestingQingdaoFuntionC{
    margin-top: 50px;
}
.tab-head {
    font-size: 16px;
}
.tab-head-item {
    padding: 10px 29px;
    border-radius: 50px;
}
.tab-head-item.active,.tab-head-item:hover {
    background-color: #005376;
    color: #fff;
}
.InvestingQingdaoFuntionList{
    margin-top: 40px;
}
.InvestingQingdaoFuntionLeft{
    width: 51.62%;
    max-width: 640px;
    height: 634px;
    border-radius: 10px;
}
.InvestingQingdaoFuntionLeft img{

}
.InvestingQingdaoFuntionLeftT{
    border-radius: 510px 510px 0 0;
    width: 510px;
    height: 255px;
    bottom: -75px;
}
.InvestingQingdaoFuntionLeftT p:first-child{
    font-size: 36px;
    top: 50px;
}
.InvestingQingdaoFuntionLeftT p:last-child{
    font-size: 52px;
    top: 70px;
}
.InvestingQingdaoFuntionRightW{
    width: 47%;
    padding-top: 80px;
}
.InvestingQingdaoFuntionRight{
    padding: 90px 22px 60px;
}
.newsName {
    top: 22px;
    padding: 5px 23px;
    border-radius: 0 30px 30px 0;
    font-size: 26px;
}
.newMap{
    width: 46%;
    height: 790px;
}
.newMapBlock{

}
.newMapBlock p{
    font-size: 16px;
}
.pingd{
    width: 53.35%;
    max-width: 319px;
    top: 50px;
    left: 0;
}
.laix{
    width: 31.3%;
    max-width: 187px;
    top: 0;
    right: 23.4%;
}
.jim{
    width: 57.6%;
    max-width: 344px;
    top: 242px;
    right: 2%;
}
.jim p{
    right: 20%;
}
.jiaoz{
    width: 39.64%;
    max-width: 237px;
    top: 300px;
    left: 6.7%;
}
.jiaoz p{
    left: 20%;
}
.chengy{
    width: 32.95%;
    max-width: 197px;
    top: 350px;
    left: 38.5%;
}
.chengy p{
    right: 20%;
}
.lic{
    width: 11.54%;
    max-width: 69px;
    top: 421px;
    left: 55.2%;
}
.laos{
    width: 20.91%;
    max-width: 125px;
    top: 376px;
    right: 19.4%;
}
.laos p{
    left: 20%;
    top: 55%;
}
.shib{
    width: 8.87%;
    max-width: 53px;
    top: 460px;
    right: 38.5%;
}
.shin{
    width: 10.4%;
    max-width: 62px;
    top: 490px;
    right: 38.8%;
}
.shin p{
    top: 110%;
    transform: translateX(20px);
}
.huangd{
    width: 54.52%;
    max-width: 326px;
    top: 465px;
    left: -1%;
}
.InvestingQingdaoFuntionRightT{

}
.InvestingQingdaoFuntionRightT .logoS{
    height: 72px;
}
.InvestingQingdaoFuntionRightT .logoS img{
    margin-right: 18px;
}
.InvestingQingdaoFuntionRightT .textB{
 
}
.InvestingQingdaoFuntionRightT .textB h2{
    font-size: 24px;
}
.InvestingQingdaoFuntionRightT .textB .telWrap{
    margin-top: 10px;
}
.InvestingQingdaoFuntionRightT .textB .telWrap .tetIcon{
    width: 20px;
    height: 20px;
    border: 1px solid #005376;
    line-height: 18px;
}
.InvestingQingdaoFuntionRightT .textB .telWrap .tetIcon span{
    font-size: 18px;
}
.InvestingQingdaoFuntionRightT .textB .telWrap p{
    margin-left: 7px;
    font-size: 16px;
}
.InvestingQingdaoFuntionRightBottom{
    margin-top: 50px;
    max-height: 350px;
    overflow: auto;
}
.InvestingQingdaoFuntionRightBottom .item{
    margin-top: 20px;
}
.InvestingQingdaoFuntionRightBottom .item h3{
    font-size: 18px;
}
.InvestingQingdaoFuntionRightBottom .item p{
    margin-top: 10px;
    font-size: 15px;
}
.InvestmentGuideB{
    padding-top: 70px;
}
.InvestmentGuideC{
    padding: 30px 0;
}
.InvestmentGuideC p{
    font-size: 18px;
}
.InvestmentGuidePic{
    width: 80%;
    margin: 30px auto 0;
}
.pdfBtnWrap{
    padding: 65px 0 100px;
}
.pdfBtn{
    margin: 0 25px;
    border-radius: 6px;
    height: 225px;
    width: 16%;
}
}
@media screen and (max-width:1439px ) and ( min-width:1280px){
.InvestingQingdaoTen{
    padding: 60px 0 65px;
}
.InvestingQingdaoFuntionB{
    padding: 60px 0;
}
.InvestingQingdaoFuntionC{
    margin-top: 50px;
}
.tab-head {
    font-size: 15px;
}
.tab-head-item {
    padding: 10px 29px;
    border-radius: 50px;
}
.tab-head-item.active,.tab-head-item:hover {
    background-color: #005376;
    color: #fff;
}
.InvestingQingdaoFuntionList{
    margin-top: 40px;
    padding: 30px;
    border-radius: 10px;
}
.InvestingQingdaoFuntionLeft{
    width: 51.62%;
    max-width: 640px;
    height: 578px;
    border-radius: 10px;
}
.InvestingQingdaoFuntionLeft img{

}
.InvestingQingdaoFuntionLeftT{
    border-radius: 510px 510px 0 0;
    width: 510px;
    height: 255px;
    bottom: -75px;
}
.InvestingQingdaoFuntionLeftT p:first-child{
    font-size: 32px;
    top: 50px;
}
.InvestingQingdaoFuntionLeftT p:last-child{
    font-size: 48px;
    top: 70px;
}
.InvestingQingdaoFuntionRightW{
    width: 47%;
    padding-top: 50px;
}
.InvestingQingdaoFuntionRight{
    padding: 90px 22px 60px;
}
.newsName {
    top: 22px;
    padding: 5px 23px;
    border-radius: 0 30px 30px 0;
    font-size: 26px;
}
.newMap{
    width: 46%;
    height: 650px;
}
.newMapBlock{

}
.newMapBlock p{
    font-size: 14px;
}
.pingd{
    width: 53.35%;
    max-width: 319px;
    top: 40px;
    left: 0;
}
.laix{
    width: 31.3%;
    max-width: 187px;
    top: 0;
    right: 23.4%;
}
.jim{
    width: 57.6%;
    max-width: 344px;
    top: 207px;
    right: 2%;
}
.jim p{
    right: 20%;
}
.jiaoz{
    width: 39.64%;
    max-width: 237px;
    top: 260px;
    left: 6.7%;
}
.jiaoz p{
    left: 20%;
}
.chengy{
    width: 32.95%;
    max-width: 197px;
    top: 302px;
    left: 38.5%;
}
.chengy p{
    right: 20%;
}
.lic{
    width: 11.54%;
    max-width: 69px;
    top: 361px;
    left: 55.2%;
}
.laos{
    width: 20.91%;
    max-width: 125px;
    top: 322px;
    right: 19.4%;
}
.laos p{
    left: 20%;
    top: 55%;
}
.shib{
    width: 8.87%;
    max-width: 53px;
    top: 395px;
    right: 38.5%;
}
.shib p{
    width: 150%;
    transform: translate(-20px,-10px);
}
.shin{
    width: 10.4%;
    max-width: 62px;
    top: 420px;
    right: 38.8%;
}
.shin p{
    top: 110%;
    transform: translateX(20px);
}
.huangd{
    width: 54.52%;
    max-width: 326px;
    top: 404px;
    left: -1%;
}
.InvestingQingdaoFuntionRightT{

}
.InvestingQingdaoFuntionRightT .logoS{
    height: 72px;
}
.InvestingQingdaoFuntionRightT .logoS img{
    margin-right: 18px;
}
.InvestingQingdaoFuntionRightT .textB{
 
}
.InvestingQingdaoFuntionRightT .textB h2{
    font-size: 22px;
}
.InvestingQingdaoFuntionRightT .textB .telWrap{
    margin-top: 10px;
}
.InvestingQingdaoFuntionRightT .textB .telWrap .tetIcon{
    width: 20px;
    height: 20px;
    border: 1px solid #005376;
    line-height: 18px;
}
.InvestingQingdaoFuntionRightT .textB .telWrap .tetIcon span{
    font-size: 18px;
}
.InvestingQingdaoFuntionRightT .textB .telWrap p{
    margin-left: 7px;
    font-size: 16px;
}
.InvestingQingdaoFuntionRightBottom{
    margin-top: 50px;
    max-height:270px;
    overflow: auto;
}
.InvestingQingdaoFuntionRightBottom .item{
    margin-top: 20px;
}
.InvestingQingdaoFuntionRightBottom .item h3{
    font-size: 18px;
}
.InvestingQingdaoFuntionRightBottom .item p{
    margin-top: 10px;
    font-size: 14px;
}
.InvestmentGuideB{
    padding-top: 70px;
}
.InvestmentGuideC{
    padding: 30px 0;
}
.InvestmentGuideC p{
    font-size: 16px;
}
.InvestmentGuidePic{
    width: 80%;
    margin: 30px auto 0;
}
.pdfBtnWrap{
    padding: 55px 0 90px;
}
.pdfBtn{
    margin: 0 15px;
    border-radius: 6px;
    height: 206px;
    width: 16%;
}
}
@media screen and (max-width:1279px ) and ( min-width:992px){
.InvestingQingdaoTen{
    padding: 60px 0 65px;
}
.InvestingQingdaoFuntionB{
    padding: 60px 0;
}
.InvestingQingdaoFuntionC{
    margin-top: 50px;
}
.tab-head {
    font-size: 15px;
}
.tab-head-item {
    padding: 10px 29px;
    border-radius: 50px;
}
.tab-head-item.active,.tab-head-item:hover {
    background-color: #005376;
    color: #fff;
}
.InvestingQingdaoFuntionList{
    margin-top: 40px;
    padding: 30px;
    border-radius: 10px;
    align-items: center;
}
.InvestingQingdaoFuntionLeft{
    width: 51.62%;
    max-width: 640px;
    height: 483px;
    border-radius: 10px;
}
.InvestingQingdaoFuntionLeft img{

}
.InvestingQingdaoFuntionLeftT{
    border-radius: 510px 510px 0 0;
    width: 410px;
    height: 235px;
    bottom: -75px;
}
.InvestingQingdaoFuntionLeftT p:first-child{
    font-size: 32px;
    top: 50px;
}
.InvestingQingdaoFuntionLeftT p:last-child{
    font-size: 48px;
    top: 70px;
}
.InvestingQingdaoFuntionRightW{
    width: 47%;
    
}
.InvestingQingdaoFuntionRight{
    padding: 90px 22px 60px;
}
.newsName {
    top: 22px;
    padding: 5px 23px;
    border-radius: 0 30px 30px 0;
    font-size: 26px;
}
.newMap{
    width: 46%;
    height: 550px;
}
.newMapBlock{

}
.newMapBlock p{
    font-size: 14px;
}
.pingd{
    width: 53.35%;
    max-width: 319px;
    top: 35px;
    left: 0;
}
.laix{
    width: 31.3%;
    max-width: 187px;
    top: 0;
    right: 23.4%;
}
.jim{
    width: 57.6%;
    max-width: 344px;
    top: 175px;
    right: 2%;
}
.jim p{
    right: 20%;
}
.jiaoz{
    width: 39.64%;
    max-width: 237px;
    top: 220px;
    left: 6.7%;
}
.jiaoz p{
    left: 20%;
}
.chengy{
    width: 32.95%;
    max-width: 197px;
    top: 255px;
    left: 38.5%;
}
.chengy p{
    right: 20%;
}
.lic{
    width: 11.54%;
    max-width: 69px;
    top: 306px;
    left: 55.2%;
}
.laos{
    width: 20.91%;
    max-width: 125px;
    top: 272px;
    right: 19.4%;
}
.laos p{
    left: 20%;
    top: 55%;
}
.shib{
    width: 8.87%;
    max-width: 53px;
    top: 335px;
    right: 38.5%;
}
.shib p{
    width: 150%;
    transform: translate(-20px,-10px);
}
.shin{
    width: 10.4%;
    max-width: 62px;
    top: 355px;
    right: 38.8%;
}
.shin p{
    top: 110%;
    width: 110%;
    transform: translateX(10px);
}
.huangd{
    width: 54.52%;
    max-width: 326px;
    top: 340px;
    left: -1%;
}
.InvestingQingdaoFuntionRightT{

}
.InvestingQingdaoFuntionRightT .logoS{
    height: 72px;
}
.InvestingQingdaoFuntionRightT .logoS img{
    margin-right: 18px;
}
.InvestingQingdaoFuntionRightT .textB{
 
}
.InvestingQingdaoFuntionRightT .textB h2{
    font-size: 22px;
}
.InvestingQingdaoFuntionRightT .textB .telWrap{
    margin-top: 10px;
}
.InvestingQingdaoFuntionRightT .textB .telWrap .tetIcon{
    width: 20px;
    height: 20px;
    border: 1px solid #005376;
    line-height: 18px;
}
.InvestingQingdaoFuntionRightT .textB .telWrap .tetIcon span{
    font-size: 18px;
}
.InvestingQingdaoFuntionRightT .textB .telWrap p{
    margin-left: 7px;
    font-size: 16px;
}
.InvestingQingdaoFuntionRightBottom{
    margin-top: 20px;
    max-height: 200px;
    overflow: auto;
}
.InvestingQingdaoFuntionRightBottom .item{
    margin-top: 20px;
}
.InvestingQingdaoFuntionRightBottom .item h3{
    font-size: 18px;
}
.InvestingQingdaoFuntionRightBottom .item p{
    margin-top: 10px;
    font-size: 14px;
}
.InvestmentGuideB{
    padding-top: 70px;
}
.InvestmentGuideC{
    padding: 30px 0;
}
.InvestmentGuideC p{
    font-size: 16px;
}
.InvestmentGuidePic{
    width: 80%;
    margin: 30px auto 0;
}
.pdfBtnWrap{
    padding: 55px 0 90px;
}
.pdfBtn{
    margin: 0 15px;
    border-radius: 6px;
    height: 174px;
    width: 16%;
}
}
@media screen and (max-width:991px ) and ( min-width:768px){
.InvestingQingdaoTen{
    padding: 60px 0 65px;
}
.InvestingQingdaoFuntionB{
    padding: 60px 0;
}
.InvestingQingdaoFuntionC{
    margin-top: 50px;
}
.tab-head {
    font-size: 15px;
}
.tab-head-item {
    padding: 10px 29px;
    border-radius: 50px;
}
.tab-head-item.active,.tab-head-item:hover {
    background-color: #005376;
    color: #fff;
}
.InvestingQingdaoFuntionList{
    margin-top: 40px;
    padding: 30px;
    border-radius: 10px;
    align-items: center;
}
.InvestingQingdaoFuntionLeft{
    width: 100%;
    max-width: 640px;
    height: 678px;
    border-radius: 10px;
}
.InvestingQingdaoFuntionLeft img{

}
.InvestingQingdaoFuntionLeftT{
    border-radius: 510px 510px 0 0;
    width: 410px;
    height: 235px;
    bottom: -75px;
}
.InvestingQingdaoFuntionLeftT p:first-child{
    font-size: 32px;
    top: 50px;
}
.InvestingQingdaoFuntionLeftT p:last-child{
    font-size: 48px;
    top: 70px;
}
.InvestingQingdaoFuntionRightW{
    width: 47%;
    padding-top: 80px;
    display: none;
}
.InvestingQingdaoFuntionRight{
    padding: 90px 22px 60px;
}
.newsName {
    top: 22px;
    padding: 5px 23px;
    border-radius: 0 30px 30px 0;
    font-size: 26px;
}
.newMap{
    width: 100%;
    height: 790px;
}
.newMapBlock{

}
.newMapBlock p{
    font-size: 16px;
}
.pingd{
    width: 53.35%;
    max-width: 319px;
    top: 50px;
    left: 0;
}
.laix{
    width: 31.3%;
    max-width: 187px;
    top: 0;
    right: 27.4%;
}
.jim{
    width: 57.6%;
    max-width: 344px;
    top: 260px;
    right: 7%;
}
.jim p{
    right: 20%;
}
.jiaoz{
    width: 39.64%;
    max-width: 237px;
    top: 325px;
    left: 6.7%;
}
.jiaoz p{
    left: 20%;
}
.chengy{
    width: 32.95%;
    max-width: 197px;
    top: 380px;
    left: 36.5%;
}
.chengy p{
    right: 20%;
}
.lic{
    width: 11.54%;
    max-width: 69px;
    top: 455px;
    left: 52.2%;
}
.laos{
    width: 20.91%;
    max-width: 125px;
    top: 406px;
    right: 24.4%;
}
.laos p{
    left: 20%;
    top: 55%;
}
.shib{
    width: 8.87%;
    max-width: 53px;
    top: 496px;
    right: 41.5%;
}
.shin{
    width: 10.4%;
    max-width: 62px;
    top: 528px;
    right: 41.8%;
}
.shin p{
    top: 110%;
    transform: translateX(20px);
}
.huangd{
    width: 54.52%;;
    max-width: 326px;
    top: 505px;
    left: -1%;
}
.InvestingQingdaoFuntionRightT{

}
.InvestingQingdaoFuntionRightT .logoS{
    height: 72px;
}
.InvestingQingdaoFuntionRightT .logoS img{
    margin-right: 18px;
}
.InvestingQingdaoFuntionRightT .textB{
 
}
.InvestingQingdaoFuntionRightT .textB h2{
    font-size: 22px;
}
.InvestingQingdaoFuntionRightT .textB .telWrap{
    margin-top: 10px;
}
.InvestingQingdaoFuntionRightT .textB .telWrap .tetIcon{
    width: 20px;
    height: 20px;
    border: 1px solid #005376;
    line-height: 18px;
}
.InvestingQingdaoFuntionRightT .textB .telWrap .tetIcon span{
    font-size: 18px;
}
.InvestingQingdaoFuntionRightT .textB .telWrap p{
    margin-left: 7px;
    font-size: 16px;
}
.InvestingQingdaoFuntionRightBottom{
    margin-top: 50px;
}
.InvestingQingdaoFuntionRightBottom .item{
    margin-top: 20px;
}
.InvestingQingdaoFuntionRightBottom .item h3{
    font-size: 18px;
}
.InvestingQingdaoFuntionRightBottom .item p{
    margin-top: 10px;
    font-size: 14px;
}
.InvestmentGuideB{
    padding-top: 70px;
}
.InvestmentGuideC{
    padding: 30px 0;
}
.InvestmentGuideC p{
    font-size: 16px;
}
.InvestmentGuidePic{
    width: 80%;
    margin: 30px auto 0;
}
.pdfBtnWrap{
    padding: 55px 0 90px;
    justify-content: space-between;
}
.pdfBtn{
    border-radius: 6px;
    height: 178px;
    width: 22%;
}
}
@media only screen and (max-width:767px){
.InvestingQingdaoTen{
    padding: 60px 0 65px;
}
.InvestingQingdaoFuntionB{
    padding: .5rem 0;
}
.InvestingQingdaoFuntionC{
    margin-top: .4rem;
}
.tab-head {
    font-size: .12rem;
}
.tab-head-item {
    padding: .06rem .15rem;
    border-radius: 50px;
}
.tab-head-item.active,.tab-head-item:hover {
    background-color: #005376;
    color: #fff;
}
.InvestingQingdaoFuntionList{
    margin-top: .25rem;
    padding: .15rem;
    border-radius: 10px;
    align-items: center;
}
.InvestingQingdaoFuntionLeft{
    width: 100%;
    max-width: 640px;
    height: 2.83rem;
    border-radius: 10px;
}
.InvestingQingdaoFuntionLeft img{

}
.InvestingQingdaoFuntionLeftT{
    border-radius: 510px 510px 0 0;
    width: 80%;
    height: 1.6rem;
    bottom: -.75rem;
}
.InvestingQingdaoFuntionLeftT p:first-child{
    font-size: .18rem;
    top: .25rem;
}
.InvestingQingdaoFuntionLeftT p:last-child{
    font-size: .25rem;
    top: .35rem;
}
.InvestingQingdaoFuntionRightW{
    width: 47%;
    padding-top: 80px;
    display: none;
}
.InvestingQingdaoFuntionRight{
    padding: 90px 22px 60px;
}
.newsName {
    top: 22px;
    padding: 5px 23px;
    border-radius: 0 30px 30px 0;
    font-size: 26px;
}
.newMap{
    width: 100%;
    height: 450px;
}
.newMapBlock{

}
.newMapBlock p{
    font-size: .11rem;
}
.pingd{
    width: 53.35%;
    max-width: 319px;
    top: 6.1%;
    left: 0;
}
.laix{
    width: 31.3%;
    max-width: 187px;
    top: 0;
    right: 23.4%;
}
.jim{
    width: 57.6%;
    max-width: 344px;
    top: 30.0%;
    right: 2%;
}
.jim p{
    right: 20%;
}
.jiaoz{
    width: 39.64%;
    max-width: 237px;
    top: 37.5%;
    left: 6.7%;
}
.jiaoz p{
    left: 0;
    width: 80%;
}
.chengy{
    width: 32.95%;
    max-width: 197px;
    top: 43.5%;
    left: 38.5%;
}
.chengy p{
    right: 20%;
    width: 150%;
    left: -40%;
}
.lic{
    width: 11.54%;
    max-width: 69px;
    top: 52.5%;
    left: 55.2%;
}
.lic p{
    width: 250%;
    transform: translate(-20px,-10px);
    left: -80%;
}
.laos{
    width: 20.91%;
    max-width: 125px;
    top: 46.8%;
    right: 19.4%;
}
.laos p{
    left: 40%;
    top: 45%;
    width: 150%;
}
.shib{
    width: 8.87%;
    max-width: 53px;
    top: 57%;
    right: 38.5%;
}
.shib p{
    width: 290%;
    transform: translate(-20px,-10px);
    left: -70%;
}
.shin{
    width: 10.4%;
    max-width: 62px;
    top: 60.5%;
    right: 38.8%;
}
.shin p{
    top: 110%;
    transform: translateX(10px);
    width: 300%;
}
.huangd{
    width: 54.52%;
    max-width: 326px;
    top: 58.2%;
    left: -1%;
}

.InvestingQingdaoFuntionRightT{

}
.InvestingQingdaoFuntionRightT .logoS{
    height: 72px;
    width: 100%;
}
.InvestingQingdaoFuntionRightT .logoS img{
    margin-right: 18px;
}
.InvestingQingdaoFuntionRightT .textB{
 width: 100%;
 margin-top: .2rem;
}
.InvestingQingdaoFuntionRightT .textB h2{
    font-size: .15rem;
}
.InvestingQingdaoFuntionRightT .textB .telWrap{
    margin-top: 10px;
}
.InvestingQingdaoFuntionRightT .textB .telWrap .tetIcon{
    width: 20px;
    height: 20px;
    border: 1px solid #005376;
    line-height: 18px;
}
.InvestingQingdaoFuntionRightT .textB .telWrap .tetIcon span{
    font-size: 18px;
}
.InvestingQingdaoFuntionRightT .textB .telWrap p{
    margin-left: 7px;
    font-size: .12rem;
}
.InvestingQingdaoFuntionRightBottom{
    margin-top: .3rem;
}
.InvestingQingdaoFuntionRightBottom .item{
    margin-top: .15rem;
}
.InvestingQingdaoFuntionRightBottom .item h3{
    font-size: .14rem;
}
.InvestingQingdaoFuntionRightBottom .item p{
    margin-top: 10px;
    font-size: .12rem;
}
.InvestmentGuideB{
    padding-top: .5rem;
}
.InvestmentGuideC{
    padding: .2rem 0;
}
.InvestmentGuideC p{
    font-size: .12rem;
}
.InvestmentGuidePic{
    width: 100%;
    margin: 30px auto 0;
}
.pdfBtnWrap{
    padding: .3rem 0 .5rem;
    justify-content: space-between;
}
.pdfBtn{
    margin-top: .2rem;
    border-radius: 6px;
    height: 1.65rem;
    width: 48%;
}
}

/*********
了解青岛
*********/
@media  screen and ( min-width:1680px){
.undadv .titP {
    max-width: 57%;
    margin: 0 auto;
}
/*banner*/
.undBan{background-size:auto 957px;}
.undBanK{ padding-bottom: 70px;}
.MainB{ font-size: 16px; height: 84px;}
.MainBa{ line-height:30px;}
.MainB p{line-height:30px; padding:0 10px;}
.MainBa:hover{text-decoration:underline;}
.undBanN{ margin-top:540px;}
.undBanN h3{font-size:50px; letter-spacing:6px; line-height:70px;}
.undBanP{font-size:20px; line-height:32px; margin:30px auto 50px;}
.undBanV{width:1026px;height:598px; padding:18px 15px;}
.tmi-UnderstandingQingdao{top: -300px;}
.undMap{
    width:435px;
    margin: 0 auto 30px;
}
/*宜居宜业*/
.undwor{background-size:auto 115px; padding:190px 0 80px;}
.undworJ {height:115px;}
.wave {background-size: 50% 115px;}
    
.undTit{width:1100px;}
.undTit h3{font-size:40px;line-height:60px;margin-bottom:10px;}
.undTitP{font-size:20px;line-height:32px;}
.undworK{margin-top:80px;}
.undworL{width:585px;}
.undworI{border-radius:10px;}
.undworN{ margin-bottom: 50px;}
.undworN h3,.undworB h3{ font-size: 30px; line-height:40px; margin-bottom:15px;}
.undworP{ font-size: 16px; line-height:30px;}
.undworR{width:695px;}
.undworB{border:1px solid #90bdce;border-radius:10px; padding:290px 60px 40px; margin-bottom: 20px;}
.undworL .undworI{margin-top:50px;}
.undworR .undworI{ width:244px;margin-bottom:50px;}
.undworR .undworIs{ width:373px;}
/*优势产业*/
.undadv{padding:200px 0 80px;}
.undswi{margin-top:40px; padding-top: 80px;}
.undsTit h3{ font-size:54px;line-height:60px;height:60px;}
.undsTit p{font-size: 24px;line-height:48px; padding-right: 10px; margin-top:15px;}
.undsTit p:before{height:1px;right:-5px;}
.undsTit i{width:85px;height:30px;border-bottom:1px solid rgba(0,86,114,0.5);border-left:1px solid rgba(0,86,114,0.5);}
.undsTit i:before,.undsTit i:after{width:8px;height:8px;}
.undsTit i:before{left:-4px;top:-4px;}
.undsTit i:after{right:0;bottom:-4px;}
.undswiI{border-radius:10px;height: 449px;}
.undswiN{padding:80px 40px 30px;top:305px;}
.undswiN h3{ font-size: 26px; line-height:36px;letter-spacing:3px;}
.undswiN p{ font-size:14px; line-height:24px; margin-top:25px;}
.undswiI:hover .undswiN{top:0;transition:0.5s;background:rgba(0,83,118,0.8);}
.undswiI:hover .undswiN h3{text-align:center; font-weight:700;}
.undnext,.undprev{width:50px; height:50px;border:1px solid #005672;top:5px;}
.undnext:after, .undprev:after {font-size:24px;}
.undprev{right:65px;}
.undnext:hover:after,.undprev:hover:after{ color:#FFF;}
.undnext:hover,.undprev:hover{ color:#FFF; background:#005672}  

/*大新兴产业链*/
.undeme,.undser{ padding:45px 0 95px;}
.undeme .undsTit i,.undser .undsTit i{border-bottom:1px solid #FFF;border-left:1px solid #FFF;}
/*大现代服务产业链*/
.undser .undnext,.undser .undprev{border:1px solid #FFF;}
.undser .undswiI:hover .undswiN{background:rgba(0,0,0,0.6);}
.tmi-more{
    top: -200px;
}
.companyProfile{
    padding: 120px 0 100px;
}
.baseBanW{
    padding: 0 0 40px;
}
.base-ban{
    padding: 60px 0;
}
.base-ban .imgB {
    height: 442px;
}
.baseBanText p{
    font-size: 16px;
    text-align: center;
    margin-top: 10px;
}

.baseVideoW{
    margin-top:60px;
}
.baseVideoListItemW{
    margin-top:40px;
    width:48.5%;
}
.baseVideoListItem{
    width: 100%;
    height:354px;
}
.baseVideoListItemW p{
    font-size: 16px;
    text-align: center;
    margin-top: 8px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
}
@media screen and (max-width:1679px ) and ( min-width:1440px){
.undadv .titP {
    max-width: 57%;
    margin: 0 auto;
}
/*banner*/
.undBan{background-size:auto 830px;}
.undBanK{ padding-bottom:60px;}
.MainB{ font-size: 15px; height:74px;}
.MainBa{ line-height:28px;}
.MainB p{line-height:28px; padding:0 9px;}
.MainBa:hover{text-decoration:underline;}
.undBanN{ margin-top:480px;}
.undBanN h3{font-size:42px; letter-spacing:5px; line-height:60px;}
.undBanP{font-size:18px; line-height:30px; margin:25px auto 42px;}
.undBanV{width:920px;height:536px; padding:16px 13px;}
.tmi-UnderstandingQingdao{top: -300px;}
.undMap{
    width:385px;
    margin: 0 auto 30px;
}
/*宜居宜业*/
.undwor{background-size:auto 100px; padding:170px 0 70px;}
.undworJ {height:100px;}
.wave {background-size: 50% 100px;}
.undTit{width:960px;}
.undTit h3{font-size:32px;line-height:50px;margin-bottom:8px;}
.undTitP{font-size:18px;line-height:30px;}
.undworK{margin-top:60px;}
.undworL{width:545px;}
.undworI{border-radius:9px;}
.undworN{ margin-bottom: 40px;}
.undworN h3,.undworB h3{ font-size:26px; line-height:36px; margin-bottom:12px;}
.undworP{ font-size: 15px; line-height:28px;}
.undworR{width:636px;}
.undworB{border:1px solid #90bdce;border-radius:9px; padding:260px 50px 32px; margin-bottom:18px;}
.undworL .undworI{margin-top:40px;}
.undworR .undworI{ width:210px;margin-bottom:40px;}
.undworR .undworIs{ width:330px;}
/*优势产业*/
.undadv{padding:190px 0 70px;}
.undswi{margin-top:35px; padding-top:75px;}
.undsTit h3{ font-size:48px;line-height:54px;height:54px;}
.undsTit p{font-size: 22px;line-height:45px; padding-right: 10px; margin-top:13px;}
.undsTit p:before{height:1px;right:-5px;}
.undsTit i{width:80px;height:28px;border-bottom:1px solid rgba(0,86,114,0.5);border-left:1px solid rgba(0,86,114,0.5);}
.undsTit i:before,.undsTit i:after{width:8px;height:8px;}
.undsTit i:before{left:-4px;top:-4px;}
.undsTit i:after{right:0;bottom:-4px;}
.undswiI{border-radius:9px;height:417px;}
.undswiN{padding:70px 35px 25px;top:290px;}
.undswiN h3{ font-size: 22px; line-height:32px;letter-spacing:3px;}
.undswiN p{ font-size:13px; line-height:22px; margin-top:25px;}
.undswiI:hover .undswiN{top:0;transition:0.5s;background:rgba(0,83,118,0.8);}
.undswiI:hover .undswiN h3{text-align:center; font-weight:700;}
.undnext,.undprev{width:46px; height:46px;border:1px solid #005672;top:5px;}
.undnext:after, .undprev:after {font-size:22px;}
.undprev{right:56px;}
.undnext:hover:after,.undprev:hover:after{ color:#FFF;}
.undnext:hover,.undprev:hover{ color:#FFF; background:#005672}      

/*大新兴产业链*/
.undeme,.undser { padding:35px 0 85px;}
.undeme .undsTit i,.undser .undsTit i{border-bottom:1px solid #FFF;border-left:1px solid #FFF;}
/*大现代服务产业链*/
.undser .undnext,.undser .undprev{border:1px solid #FFF;}
.undser .undswiI:hover .undswiN{background:rgba(0,0,0,0.6);}
.tmi-more{
    top: -200px;
}
.companyProfile{
    padding: 80px 0 90px;
}
.baseBanW{
    padding: 0 0 40px;
}
.base-ban{
    padding: 60px 0;
}
.base-ban .imgB {
    height: 408px;
}
.baseBanText p{
    font-size: 14px;
    text-align: center;
    margin-top: 10px;
}
.baseVideoW{
    margin-top:60px;
}
.baseVideoListItemW{
    margin-top:40px;
    width:48.5%;
}
.baseVideoListItem{
    width: 100%;
    height:324px;
}
.baseVideoListItemW p{
    font-size: 14px;
    text-align: center;
    margin-top: 8px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}

}
@media screen and (max-width:1439px ) and ( min-width:1280px){
.undadv .titP {
    max-width: 57%;
    margin: 0 auto;
}
/*banner*/
.undBan{background-size:auto 720px;}
.undBanK{ padding-bottom:50px;}
.MainB{ font-size: 14px; height:64px;}
.MainBa{ line-height:25px;}
.MainB p{line-height:25px; padding:0 8px;}
.MainBa:hover{text-decoration:underline;}
.undBanN{ margin-top:440px;}
.undBanN h3{font-size:34px; letter-spacing:4px; line-height:40px;}
.undBanP{font-size:16px; line-height:28px; margin:22px auto 36px;}
.undBanV{width:800px;height:468px; padding:14px 10px;}
.tmi-UnderstandingQingdao{top: -300px;}
.undMap{
    width:335px;
    margin: 0 auto 30px;
}
/*宜居宜业*/
.undwor{background-size:auto 86px; padding:140px 0 60px;}
.undworJ {height:86px;}
.wave {background-size: 50% 86px;}
.undTit{width:880px;}
.undTit h3{font-size:26px;line-height:40px;margin-bottom:7px;}
.undTitP{font-size:16px;line-height:28px;}
.undworK{margin-top:50px;}
.undworL{width:496px;}
.undworI{border-radius:8px;}
.undworN{ margin-bottom:35px;}
.undworN h3,.undworB h3{ font-size:22px; line-height:30px; margin-bottom:10px;}
.undworP{ font-size: 14px; line-height:26px;}
.undworR{width:567px;}
.undworB{border:1px solid #90bdce;border-radius:8px; padding:230px 40px 25px; margin-bottom:15px;}
.undworL .undworI{margin-top:30px;}
.undworR .undworI{ width:180px;margin-bottom:30px;}
.undworR .undworIs{ width:290px;}
/*优势产业*/
.undadv{padding:180px 0 60px;}
.undswi{margin-top:30px; padding-top:70px;}
.undsTit h3{ font-size:42px;line-height:50px;height:50px;}
.undsTit p{font-size: 20px;line-height:40px; padding-right:9px; margin-top:11px;}
.undsTit p:before{height:1px;right:-4px;}
.undsTit i{width:74px;height:24px;border-bottom:1px solid rgba(0,86,114,0.5);border-left:1px solid rgba(0,86,114,0.5);}
.undsTit i:before,.undsTit i:after{width:6px;height:6px;}
.undsTit i:before{left:-3px;top:-4px;}
.undsTit i:after{right:0;bottom:-3px;}
.undswiI{border-radius:8px;height:375px;}
.undswiN{padding:60px 30px 20px;top:265px;}
.undswiN h3{ font-size: 20px; line-height:30px;letter-spacing:2px;}
.undswiN p{ font-size:12px; line-height:20px; margin-top:20px;}
.undswiI:hover .undswiN{top:0;transition:0.5s;background:rgba(0,83,118,0.8);}
.undswiI:hover .undswiN h3{text-align:center; font-weight:700;}
.undnext,.undprev{width:40px; height:40px;border:1px solid #005672;top:5px;}
.undnext:after, .undprev:after {font-size:20px;}
.undprev{right:50px;}
.undnext:hover:after,.undprev:hover:after{ color:#FFF;}
.undnext:hover,.undprev:hover{ color:#FFF; background:#005672}  

/*大新兴产业链*/
.undeme,.undser{ padding:25px 0 70px;}
.undeme .undsTit i,.undser .undsTit i{border-bottom:1px solid #FFF;border-left:1px solid #FFF;}
/*大现代服务产业链*/
.undser .undnext,.undser .undprev{border:1px solid #FFF;}
.undser .undswiI:hover .undswiN{background:rgba(0,0,0,0.6);}
.tmi-more{
    top: -180px;
}
.companyProfile{
    padding: 70px 0 80px;
}
.baseBanW{
    padding: 0 0 40px;
}
.base-ban{
    padding: 60px 0;
}
.base-ban .imgB {
    height: 374px;
}
.baseBanText p{
    font-size: 14px;
    text-align: center;
    margin-top: 10px;
}
.baseVideoW{
    margin-top:60px;
}

.baseVideoListItemW{
    margin-top:40px;
    width:48.5%;
}
.baseVideoListItem{
    width: 100%;
    height:294px;
}
.baseVideoListItemW p{
    font-size: 14px;
    text-align: center;
    margin-top: 8px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
}
@media screen and (max-width:1279px ) and ( min-width:992px){
.undadv .titP {
    max-width: 57%;
    margin: 0 auto;
}
/*banner*/
.undBan{background-size:auto 640px;}
.undBanK{ padding-bottom:45px;}
.MainB{ font-size: 14px; height:58px;}
.MainBa{ line-height:25px;}
.MainB p{line-height:25px; padding:0 8px;}
.MainBa:hover{text-decoration:underline;}
.undBanN{ margin-top:380px;}
.undBanN h3{font-size:28px; letter-spacing:3px; line-height:35px; font-weight:700;}
.undBanP{font-size:14px; line-height:26px; margin:20px auto 34px;}
.undBanV{width:680px;height:390px; padding:12px 8px;}
.undMap{
    width:285px;
    margin: 0 auto 30px;
}
/*宜居宜业*/
.undwor{background-size:auto 76px; padding:110px 0 50px;}
.undworJ {height:76px;}
.wave {background-size: 50% 76px;}
.undTit{width:800px;}
.undTit h3{font-size:22px;line-height:30px;margin-bottom:6px;}
.undTitP{font-size:14px;line-height:25px;}
.undworK{margin-top:40px;}
.undworL{width:410px;}
.undworI{border-radius:7px;}
.undworN{ margin-bottom:28px;}
.undworN h3,.undworB h3{ font-size:18px; line-height:26px; margin-bottom:8px;}
.undworP{ font-size: 12px; line-height:22px;}
.undworR{width:475px;}
.undworB{border:1px solid #90bdce;border-radius:7px; padding:200px 30px 16px; margin-bottom:12px;}
.undworL .undworI{margin-top:25px;}
.undworR .undworI{ width:150px;margin-bottom:25px;} 
.undworR .undworIs{ width:240px;}
/*优势产业*/
.undadv{padding:160px 0 50px;}
.undswi{margin-top:25px; padding-top:60px;}
.undsTit h3{ font-size:36px;line-height:42px;height:42px;}
.undsTit p{font-size:18px;line-height:36px; padding-right:8px; margin-top:9px;}
.undsTit p:before{height:1px;right:-4px;}
.undsTit i{width:60px;height:18px;border-bottom:1px solid rgba(0,86,114,0.5);border-left:1px solid rgba(0,86,114,0.5);}
.undsTit i:before,.undsTit i:after{width:6px;height:6px;}
.undsTit i:before{left:-3px;top:-6px;}
.undsTit i:after{right:0;bottom:-3px;}
.undswiI{border-radius:7px;height:310px;}
.undswiN{padding:50px 26px 15px;top:212px;}
.undswiN h3{ font-size:18px; line-height:28px;letter-spacing:2px;}
.undswiN p{ font-size:12px; line-height:20px; margin-top:18px;}
.undswiI:hover .undswiN{top:0;transition:0.5s;background:rgba(0,83,118,0.8);}
.undswiI:hover .undswiN h3{text-align:center; font-weight:700;}
.undnext,.undprev{width:34px; height:34px;border:1px solid #005672;top:5px;}
.undnext:after, .undprev:after {font-size:18px;}
.undprev{right:44px;}
.undnext:hover:after,.undprev:hover:after{ color:#FFF;}
.undnext:hover,.undprev:hover{ color:#FFF; background:#005672}  

/*大新兴产业链*/
.undeme,.undser{padding:15px 0 60px;}
.undeme .undsTit i,.undser .undsTit i{border-bottom:1px solid #FFF;border-left:1px solid #FFF;}
/*大现代服务产业链*/
.undser .undnext,.undser .undprev{border:1px solid #FFF;}
.undser .undswiI:hover .undswiN{background:rgba(0,0,0,0.6);}
.tmi-more{
    top: -180px;
}
.companyProfile{
    padding: 60px 0 70px;
}
.baseBanW{
    padding: 0 0 40px;
}
.base-ban{
    padding: 50px 0;
}
.base-ban .imgB {
    height: 316px;
}
.baseBanText p{
    font-size: 14px;
    text-align: center;
    margin-top: 10px;
}
.baseVideoW{
    margin-top:60px;
}

.baseVideoListItemW{
    margin-top:40px;
    width:48.5%;
}
.baseVideoListItem{
    width: 100%;
    height:264px;
}
.baseVideoListItemW p{
    font-size: 14px;
    text-align: center;
    margin-top: 8px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
}
@media screen and (max-width:991px ) and ( min-width:768px){
.undadv .titP {
    max-width: 57%;
    margin: 0 auto;
}
/*banner*/
.undBan{background-size:auto 480px;}
.undBanK{ padding-bottom:34px;}
.MainB{ font-size: 12px; height:50px;}
.MainBa{ line-height:25px;}
.MainB p{line-height:25px; padding:0 8px;}
.undBanN{ margin-top:270px;}
.undBanN h3{font-size:24px; letter-spacing:3px; line-height:35px; font-weight:700;}
.undBanP{font-size:13px; line-height:24px; margin:18px auto 30px;}
.undBanV{width:600px;height:349px; padding:10px 8px;}
.undMap{
    width:235px;
    margin: 0 auto 30px;
}
/*宜居宜业*/
.undwor{background-size:auto 58px; padding:80px 0 40px;}
.undworJ {height:58px;}
.wave {background-size: 50% 58px;}
.undTit{width:600px;}
.undTit h3{font-size:20px;line-height:26px;margin-bottom:6px;}
.undTitP{font-size:12px;line-height:22px;}
.undworK{margin-top:30px;}
.undworL{width:100%;}
.undworI{border-radius:7px;}
.undworN{ margin-bottom:28px;}
.undworN h3,.undworB h3{ font-size:18px; line-height:26px; margin-bottom:8px;}
.undworP{ font-size: 14px; line-height:26px;}
.undworR{width:100%;}
.undworB{border:1px solid #90bdce;border-radius:7px; padding:240px 45px 20px; margin-bottom:18px;}
.undworL .undworI{margin:20px auto 0;width:420px;}
.undworR .undworI{ width:180px;margin-bottom:25px;} 
.undworR .undworIs{ width:280px;}
/*优势产业*/
.undadv{padding:140px 0 40px;}
.undswi{margin-top:15px; padding-top:50px;}
.undsTit h3{ font-size:32px;line-height:38px;height:38px;}
.undsTit p{font-size:16px;line-height:30px; padding-right:6px; margin-top:7px;}
.undsTit p:before{height:1px;right:-3px;}
.undsTit i{width:50px;height:16px;border-bottom:1px solid rgba(0,86,114,0.5);border-left:1px solid rgba(0,86,114,0.5);}
.undsTit i:before,.undsTit i:after{width:5px;height:5px;}
.undsTit i:before{left:-3px;top:-5px;}
.undsTit i:after{right:0;bottom:-3px;}
.undswiI{border-radius:6px;height:264px; width:230px}
.undswiN{padding:35px 20px 10px;top:180px}
.undswiN h3{ font-size:16px; line-height:25px;letter-spacing:2px;text-align:center; font-weight:700;}
.undswiN p{ font-size:12px; line-height:20px; margin-top:10px; display: none;}
.undnext,.undprev{width:30px; height:30px;border:1px solid #005672;top:3px;}
.undnext:after, .undprev:after {font-size:16px;}
.undprev{right:40px;}
/*大新兴产业链*/
.undeme,.undser{padding:15px 0 50px;}
.undeme .undsTit i,.undser .undsTit i{border-bottom:1px solid #FFF;border-left:1px solid #FFF;}
/*大现代服务产业链*/
.undser .undnext,.undser .undprev{border:1px solid #FFF;}
.tmi-more{
    top: -180px;
}
.companyProfile{
    padding: 60px 0 70px;
}
.baseBanW{
    padding: 0 0 40px;
}
.base-ban{
    padding: 50px 0;
}
.base-ban .imgB {
    height: 235px;
}
.baseBanText p{
    font-size: 14px;
    text-align: center;
    margin-top: 10px;
}
.baseVideoW{
    margin-top:60px;
}
.baseVideoList{
    margin-top:20px;
}

.baseVideoListItemW{
    margin-top:20px;
    width:48.5%;
}
.baseVideoListItem{
    width: 100%;
    height:234px;
}
.baseVideoListItemW p{
    font-size: 14px;
    text-align: center;
    margin-top: 8px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.undnext4, .undprev4{
    width: 40px;
    height: 40px;
}
.undnext4{
    margin-right: -55px;
}
.undprev4{
    margin-left: -55px;
}
.undprev4:after, .undnext4:after{
    font-size: 22px;
}
}
@media only screen and (max-width:767px){
.undadv .titP {
    margin: 0 auto;
}
/*banner*/
.undBan{background-size:auto 2.8rem;}
.undBanK{padding-bottom: 0.25rem;}
.MainB{ font-size:0.11rem; height:0.46rem;}
.MainBa{ line-height:0.2rem;}
.MainB p{line-height:0.2rem; padding:0 0.05rem;}
.undBanN{ margin-top:1.4rem;}
.undBanN h3{font-size:0.16rem; letter-spacing:3px; line-height:0.24rem; font-weight:700;}
.undBanP{font-size: 0.12rem;line-height:0.2rem;margin:0.1rem auto 0.2rem;}
.undBanV{width:100%;height:1.71rem; padding:0.06rem 0.05rem;}
.undMap{
    width:70%;
    margin: 0 auto 30px;
}
/*宜居宜业*/
.undwor{background-size:auto 0.3rem; padding:0.5rem 4% 0.1rem;}
.undwor .ward{width: 100%;}
.undworJ {height:0.3rem;}
.wave {background-size: 50% 0.3rem;}
.undTit{width:100%;}
.undTit h3{font-size:0.14rem;line-height:0.2rem;margin-bottom:0.05rem;}
.undTitP{font-size:0.1rem;line-height:0.18rem;}
.undworK{margin-top:0.2rem;}
.undworL{width:100%;}
.undworI{border-radius:0.05rem;}
.undworN{ margin-bottom:0.2rem;}
.undworN h3,.undworB h3{font-size: 0.14rem;line-height:0.2rem;margin-bottom:0.05rem;}
.undworP{font-size: 0.12rem;line-height:0.18rem;}
.undworR{width:100%;}
.undworB{border:0.01rem solid #90bdce;border-radius:0.05rem; padding:1.2rem 0.15rem 0.1rem; margin-bottom:0.1rem;}
.undworL .undworI{margin:0.1rem auto 0;width:100%;}
.undworR .undworI{ width:47%;margin-bottom:0.15rem;}
.undworR .undworIs{ width:75%;}
/*优势产业*/
.undadv{padding: 0.6rem 4% 0.3rem;}
.undswi{margin-top: .2rem;padding-top:50px;}
.undsTit h3{ font-size:0.22rem;line-height:0.24rem;height:0.24rem;}
.undsTit p{font-size:0.13rem;line-height:0.2rem; padding-right:0.04rem; margin-top:0.04rem;}
.undsTit p:before{height:0.01rem;right:-0.03rem;}
.undsTit i{width:0.3rem;height:0.12rem;border-bottom:0.01rem solid rgba(0,86,114,0.5);border-left:0.01rem solid rgba(0,86,114,0.5); margin-left:0.03rem;}
.undsTit i:before,.undsTit i:after{width:0.04rem;height:0.04rem;}
.undsTit i:before{left:-0.03rem;top:-0.04rem;}
.undsTit i:after{right:0;bottom:-0.03rem;}
.undswiI{border-radius:0.04rem;height:1.36rem; width:1.2rem}
.undswiN{padding:0.1rem 0.1rem 0;top:1rem;}
.undswiN h3{ font-size:0.11rem; line-height:0.2rem;text-align:center; font-weight:700;}
.undswiN p{ font-size:12px; line-height:20px; margin-top:10px; display:none;}
.undnext,.undprev{width:0.22rem; height:0.22rem;border:0.01rem solid #005672;top:0.02rem;}
.undnext:after, .undprev:after {font-size:0.12rem;}
.undprev{right:0.27rem;}    

/*大新兴产业链*/
.undeme,.undser{padding: 0.05rem 4% 0.3rem;}
.undeme .undsTit i,.undser .undsTit i{border-bottom:0.01rem solid #FFF;border-left:0.01rem solid #FFF;}
/*大现代服务产业链*/
.undser .undnext,.undser .undprev{border:1px solid #FFF;}
.tmi-more{
    top: -1.3rem;
}
.companyProfile{
    padding: .3rem 0 .4rem;
}
.companyProfile .tit{
    width: 92%;
    margin: 0 auto;
}
.baseBanW{
    padding: 0 0 .2rem;
    width: 100%;
}
.base-ban{
    padding: .25rem 0 .4rem;
}
.base-ban .imgB {
    height: 1.72rem;
}
.baseBanText p{
    font-size: .12rem;
    text-align: center;
    margin-top: 10px;
}
.baseVideoW{
    margin-top:60px;
}
.baseVideoList{
    margin-top:.1rem;
}

.baseVideoListItemW{
    margin-top:.15rem;
    width:100%;
}
.baseVideoListItem{
    width: 100%;
    height:1.65rem;
}
.baseVideoListItemW p{
    font-size: 14px;
    text-align: center;
    margin-top: 8px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.undnext4, .undprev4{
    width: .3rem;
    height: .3rem;
}
.undnext4{
    margin-right: -.4rem;
}
.undprev4{
    margin-left: -.4rem;
}
.undprev4:after, .undnext4:after{
    font-size: .14rem;
}
}



@media  screen and ( min-width:1680px){
/*青岛市商务局*/
.contactLisksB{
    padding-bottom: 250px;
}
.contactLisksCon{
    margin-top: 40px;
}
.contactLisksTit{

}
.contactLisksTit img{
    width: 30px;
    margin-right: 10px;
}
.contactLisksTit a{
    font-size: 20px;
}
.contactLisksTit a:hover{
    text-decoration: none;
    margin-left: 2px;
}
.contactLisksList{

}
.contactLisksListItem{
    margin-top: 40px;
    width: 48%;
}
.contactLisksListItem:hover{
    box-shadow: 0 0 15px 5px rgba(0,0,0,.15)
}
.contactLisksListItem:nth-child(3n){
    margin-right: 0
}
.contactLisksListTit{
    height: 114px;
}
.contactLisksListTit h3{
    font-size: 30px;
    padding:0 6%;
}
.contactLisksListInfo{
    padding: 30px 6% 60px;
}
.contactLisksListInfo a{
    font-size: 18px;
    padding:5px 0;
}

/*青岛市招商促进中心*/
.contactLisksB2{
    padding-bottom: 130px;
}
.contactLisks2Ewm{
    margin-top: 40px;
}
.contactLisks2Ewm img{
    width: 230px;
}

}
@media screen and (max-width:1679px ) and ( min-width:1440px){
/*青岛市商务局*/
.contactLisksB{
    padding-bottom: 250px;
}
.contactLisksCon{
    margin-top: 40px;
}
.contactLisksTit{

}
.contactLisksTit img{
    width: 28px;
    margin-right: 10px;
}
.contactLisksTit a{
    font-size: 18px;
}
.contactLisksTit a:hover{
    text-decoration: none;
    margin-left: 2px;
}
.contactLisksList{

}
.contactLisksListItem{
    margin-top: 30px;
    width: 48%;
}
.contactLisksListItem:hover{
    box-shadow: 0 0 15px 5px rgba(0,0,0,.15)
}
.contactLisksListItem:nth-child(3n){
    margin-right: 0
}
.contactLisksListTit{
    height: 104px;
}
.contactLisksListTit h3{
    font-size: 28px;
    padding:0 6%;
}
.contactLisksListInfo{
    padding: 25px 6% 55px;
}
.contactLisksListInfo a{
    font-size: 18px;
    padding:5px 0;
}
/*青岛市招商促进中心*/
.contactLisksB2{
    padding-bottom: 130px;
}
.contactLisks2Ewm{
    margin-top: 40px;
}
.contactLisks2Ewm img{
    width: 220px;
}
}
@media screen and (max-width:1439px ) and ( min-width:1280px){
/*青岛市商务局*/
.contactLisksB{
    padding-bottom: 230px;
}
.contactLisksCon{
    margin-top: 40px;
}
.contactLisksTit{

}
.contactLisksTit img{
    width: 28px;
    margin-right: 10px;
}
.contactLisksTit a{
    font-size: 18px;
}
.contactLisksTit a:hover{
    text-decoration: none;
    margin-left: 2px;
}
.contactLisksList{

}
.contactLisksListItem{
    margin-top: 30px;
    width: 48%;
}
.contactLisksListItem:hover{
    box-shadow: 0 0 15px 5px rgba(0,0,0,.15)
}
.contactLisksListItem:nth-child(3n){
    margin-right: 0
}
.contactLisksListTit{
    height: 104px;
}
.contactLisksListTit h3{
    font-size: 28px;
    padding:0 6%;
}
.contactLisksListInfo{
    padding: 25px 6% 55px;
}
.contactLisksListInfo a{
    font-size: 18px;
    padding:5px 0;
}
/*青岛市招商促进中心*/
.contactLisksB2{
    padding-bottom: 130px;
}
.contactLisks2Ewm{
    margin-top: 40px;
}
.contactLisks2Ewm img{
    width: 210px;
}
}
@media screen and (max-width:1279px ) and ( min-width:992px){
/*青岛市商务局*/
.contactLisksB{
    padding-bottom: 210px;
}
.contactLisksCon{
    margin-top: 40px;
}
.contactLisksTit{

}
.contactLisksTit img{
    width: 28px;
    margin-right: 10px;
}
.contactLisksTit a{
    font-size: 18px;
}
.contactLisksTit a:hover{
    text-decoration: none;
    margin-left: 2px;
}
.contactLisksList{

}
.contactLisksListItem{
    margin-top: 30px;
    width: 48%;
}
.contactLisksListItem:hover{
    box-shadow: 0 0 15px 5px rgba(0,0,0,.15)
}
.contactLisksListItem:nth-child(3n){
    margin-right: 0
}
.contactLisksListTit{
    height: 94px;
}
.contactLisksListTit h3{
    font-size: 26px;
    padding:0 6%;
}
.contactLisksListInfo{
    padding: 20px 6% 50px;
}
.contactLisksListInfo a{
    font-size: 18px;
    padding:3px 0;
}
/*青岛市招商促进中心*/
.contactLisksB2{
    padding-bottom: 110px;
}
.contactLisks2Ewm{
    margin-top: 40px;
}
.contactLisks2Ewm img{
    width: 210px;
}
}
@media screen and (max-width:991px ) and ( min-width:768px){
/*青岛市商务局*/
.contactLisksB{
    padding-bottom: 210px;
}
.contactLisksCon{
    margin-top: 40px;
}
.contactLisksTit{

}
.contactLisksTit img{
    width: 28px;
    margin-right: 10px;
}
.contactLisksTit a{
    font-size: 18px;
}
.contactLisksTit a:hover{
    text-decoration: none;
    margin-left: 2px;
}
.contactLisksList{

}
.contactLisksListItem{
    margin-top: 30px;
    width: 100%;
}
.contactLisksListItem:hover{
    box-shadow: 0 0 15px 5px rgba(0,0,0,.15)
}
.contactLisksListItem:nth-child(3n){
    margin-right: 0
}
.contactLisksListTit{
    height: 94px;
}
.contactLisksListTit h3{
    font-size: 26px;
    padding:0 6%;
}
.contactLisksListInfo{
    padding: 20px 6% 50px;
}
.contactLisksListInfo a{
    font-size: 18px;
    padding:3px 0;
}
/*青岛市招商促进中心*/
.contactLisksB2{
    padding-bottom: 110px;
}
.contactLisks2Ewm{
    margin-top: 40px;
}
.contactLisks2Ewm img{
    width: 210px;
}
}
@media only screen and (max-width:767px){
/*青岛市商务局*/
.contactLisksB{
    padding-bottom: .5rem;
}
.contactLisksCon{
    margin-top: .3rem;
}
.contactLisksTit{

}
.contactLisksTit img{
    width: 30px;
    margin-right: 10px;
}
.contactLisksTit a{
    font-size: .16rem;
    flex: 1;
}
.contactLisksTit a:hover{
    
}
.contactLisksList{

}
.contactLisksListItem{
    margin-top: 30px;
    width: 100%;
    box-shadow: 0 0 15px 5px rgba(0,0,0,.15)
}

.contactLisksListTit{
    height: .7rem;
}
.contactLisksListTit h3{
    font-size: .2rem;
    padding:0 6%;
}
.contactLisksListInfo{
    padding: .2rem 6% .3rem;
}
.contactLisksListInfo a{
    font-size: .13rem;
    padding:3px 0;
}
/*青岛市招商促进中心*/
.contactLisksB2{
    padding-bottom: .6rem;
}
.contactLisks2Ewm{
    margin-top: .3rem;
}
.contactLisks2Ewm img{
    width: 1.7rem;
}
}


@media  screen and ( min-width:1680px){

}
@media screen and (max-width:1679px ) and ( min-width:1440px){

}
@media screen and (max-width:1439px ) and ( min-width:1280px){

}
@media screen and (max-width:1279px ) and ( min-width:992px){

}
@media screen and (max-width:991px ) and ( min-width:768px){

}
@media only screen and (max-width:767px){

}



@media  screen and ( min-width:1680px){

}
@media screen and (max-width:1679px ) and ( min-width:1440px){

}
@media screen and (max-width:1439px ) and ( min-width:1280px){

}
@media screen and (max-width:1279px ) and ( min-width:992px){

}
@media screen and (max-width:991px ) and ( min-width:768px){

}
@media only screen and (max-width:767px){

}